サポート » 使い方全般 » 記事の横山幅を広くする方法。記事の横幅をギリギリ広げたい。

  • twenty twelveを使用しています。
    記事の横幅を広げたいです。特にスマホの時は記事の横幅を画面のギリギリまで広げたいです。
    cssでsite{ width: px; }で指定するのは分かっています。スマホの横幅が分からない点と、記事の周りの余白を無くす方法が分からない点、の2点があります。この2点が分かれば横幅をギリギリ広げられると思います。
    この2点を教えて下さい。ご教授お願い致します。本当に困っています。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • CG

    (@du-bist-der-lenz)

    Twenty Twelve は最大960ピクセルにメディアクエリが指定してあって、ブレークポイントが600ピクセルにあるので、スマホ表示はそのままで良いと思います。
    ただしスマホ表示の時のmarginは大きく感じますね。PC表示を全幅にしたいということでなくスマホ表示を対照にしてのことでしたら、AMP対応するのがTwenty Twelveには良策だと考えています。

    CG

    (@du-bist-der-lenz)

    Twenty Twelve で比較できるように、マージンなしの全幅です。

    http://wp.me/P1EfAD-A0

    本来の表示はこちら。

    http://wp.me/P1EfAD-lt

    AMP対応してますのでスマホで確認する場合は、ノンAMPバージョンで比較してください。

    こんにちは

    site要素の横幅が短く設定されているから左右に隙間があるのではなく、site要素の左右に隙間(パディング)ができるように設定されているから隙間が表示されています。
    ですので、site要素の幅を指定するのではなく、左右の隙間の指定を上書きして消します。

    .site {
      padding: 0;
    }

    このままですと、投稿以外のページの左右もパディングがなくなりますので、それが困る場合はセレクタの指定を工夫してみてください。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • トピック「記事の横山幅を広くする方法。記事の横幅をギリギリ広げたい。」には新たに返信することはできません。