回答編集履歴

1

追記

2020/03/07 13:36

投稿

soliste16
soliste16

スコア757

test CHANGED
@@ -1 +1,9 @@
1
1
  このcontainerクラスには`width:1170px`が指定されています。これによって、これ以上に画面を小さくしたときに、このクラスの中身が小さくならないようにしています。つまり、1170pxまではウィンドウ幅に合わせてcontainerクラスの外側に設けられた`margin`を小さくしてこのdivを画面の真ん中に表示するが、それ以下になったら幅を固定して真ん中表示をやめるという役割です。実際、1170px以下にウィンドウ幅を縮めると、横スクロールができるようになります。
2
+
3
+
4
+
5
+ **追記**
6
+
7
+ このdivは必要です。これを設定しないとウィンドウ幅を縮めたときに以下のような表示になってしまいます。レスポンシブ対応していない、またはスマホとPCで異なるhtmlを使うサイトなどは、このようにしてウィンドウを小さくしたときにレイアウトが崩れないようにしています。
8
+
9
+ ![containerなし](d30838e14970207a25fd62cb386438cc.png)