レスポンシブのサイトを作る際に、どこまでも大きくなってしまうと困るので、max-width1920pxで、全体のサイズをそれ以上にならないようにすべきと聞いたのですが、どこにどのように現場ではつけてい

レスポンシブのサイトを作る際に、どこまでも大きくなってしまうと困るので、max-width1920pxで、全体のサイズをそれ以上にならないようにすべきと聞いたのですが、どこにどのように現場ではつけていますか？

bodyやhtmlにつけますか？
まさか親要素すべてにつけるということはないですよね。

行動規範の内容に同意します

回答1件

ベストアンサー

bodyなどにつけてしまうと背景色の設定の時に困ると思うので、
だいたいは body の下に divタグなどを設けてそれに対して max-widthを設定するかと思います。

<body>
  <div class='main-content'>
  
  </div>
</body>

.main-content {
  max-width: 1920px;
}

投稿2016/02/15 02:25

退会済みユーザー

総合スコア0

退会済みユーザー

2016/02/15 02:57

bodyやhtmlにつけると背景色や背景画像もそのサイズになり横に隙間ができてしまうので、 divのwrapperを作ってそこにつけるのが現場では一般的なのですね。

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

関連した質問