回答編集履歴
2
ブラウザとディスプレーがごっちゃになっていたので
test
CHANGED
@@ -1,9 +1,9 @@
|
|
1
|
-
まず、position:fixedというのは位置をそこに固定してしまい、他の何者の要素にも干渉されないようになります。そのwidthを1170pxに指定して、そこまでしか幅が表示されないってことは貴方が見ているディスプレーの幅が1170px以上あるってことです。
|
1
|
+
まず、position:fixedというのは位置をそこに固定してしまい、他の何者の要素にも干渉されないようになります。そのwidthを1170pxに指定して、そこまでしか幅が表示されないってことは貴方が見ているブラウザ、あるいはディスプレーの幅が1170px以上あるってことです。
|
2
2
|
|
3
3
|
|
4
4
|
|
5
|
-
対して100%というのは、コンテンツ全体の幅を100%でブラウザに表示させます。ですので、幅が650pxのディスプレイでも1900pxのディスプレーでも目一杯幅が表示されます。
|
5
|
+
対して100%というのは、コンテンツ全体の幅を100%でブラウザに表示させます。ですので、幅が650pxのブラウザやディスプレイでも1900pxのディスプレーでも目一杯幅が表示されます。
|
6
6
|
|
7
7
|
|
8
8
|
|
9
|
-
この部分は見ている利用者の環境(ディスプレーのサイズ
|
9
|
+
この部分は見ている利用者の環境(ブラウザの指定幅)に依存し、フル表示だとディスプレーのサイズに直結します。仮にそのサイトを1170pxのままスマホで見てみたら、ブラウザに表示しきれずに、横に移動できるようにスクロールが表示されるはずですが、100%にするとディスプレーで表示できる幅いっぱいに表示されるはずです。
|
1
ディスプレー幅
test
CHANGED
@@ -6,4 +6,4 @@
|
|
6
6
|
|
7
7
|
|
8
8
|
|
9
|
-
この部分は見ている利用者の環境(ディスプレーのサイズ)に依存します。仮にそのサイトをスマホで見てみたら、ブラウザに表示しきれずに、横に
|
9
|
+
この部分は見ている利用者の環境(ディスプレーのサイズ)に依存します。仮にそのサイトを1170pxのままスマホで見てみたら、ブラウザに表示しきれずに、横に移動できるようにスクロールが表示されるはずですが、100%にするとディスプレーで表示できる幅いっぱいに表示されるはずです。
|