×
マイページ
プロフィール
更新履歴
本棚
なりきりトーク
コメント返信
ダイレクトメッセージ
お問い合わせ
スキのコメント返信
>横幅いっぱいに画像を貼る方法についてご質問いただいたユーザー様
2019
01
31
12:52
ご質問ありがとうございます!
こちらですが、下記のCSSとHTMLをご利用くださいませ。
なお、スマホとPCでは画面幅が異なることから、
PC版については画面いっぱいにしてしまうと画面が画像で埋め尽くされてしまう心配があるため、
PC版デザインで調整されている横幅指定は越えない形で調整しています。
フリーページ内記入時のルール
今回のCSS設定により、画像以外のテキスト左右の余白もなくなりますので、
今と同じ余白の中に入れたいテキストは下記のタグで囲んでください。
<div class="main2">
テキスト
テキスト
テキスト
</div>
CSS
.freepage {
margin: 0-8px;
}
.main2 {
margin: 0 8px;
}
CSSはマイテーマのCSS設定フォームでご設定いただくのが、最も分かりやすい方法です。
もしくは、「<style>~<style>」で囲むことにより、タグの入力が可能なスペースへの直接記載も可能ですので、
フリーページの本文に直接記載して該当ページだけに指定することも出来ます。
また何かございましたら、お気軽にお問い合わせください!
2019/01/31 00:23
コメント返信TOP
読者登録
このサイトの読者登録を行います。
読者登録すると、このユーザーの更新履歴に新しい投稿があったとき、登録したアドレスにメールで通知が送られます。
ログインして読者登録
非会員で読者登録
>横幅いっぱいに画像を貼る方法についてご質問いただいたユーザー様2019013112:52
こちらですが、下記のCSSとHTMLをご利用くださいませ。
なお、スマホとPCでは画面幅が異なることから、
PC版については画面いっぱいにしてしまうと画面が画像で埋め尽くされてしまう心配があるため、
PC版デザインで調整されている横幅指定は越えない形で調整しています。
フリーページ内記入時のルール
今回のCSS設定により、画像以外のテキスト左右の余白もなくなりますので、
今と同じ余白の中に入れたいテキストは下記のタグで囲んでください。
テキスト
テキスト</div>
CSS
margin: 0-8px;
}
.main2 {
margin: 0 8px;
}
CSSはマイテーマのCSS設定フォームでご設定いただくのが、最も分かりやすい方法です。
もしくは、「<style>~<style>」で囲むことにより、タグの入力が可能なスペースへの直接記載も可能ですので、
フリーページの本文に直接記載して該当ページだけに指定することも出来ます。
また何かございましたら、お気軽にお問い合わせください!
2019/01/31 00:23