回答編集履歴
1
コード追記
answer
CHANGED
|
@@ -1,3 +1,12 @@
|
|
|
1
1
|
`min-width: 1200px;`が設定されてますので、画面幅が1200px以下になっても要素の幅は1200px以下にはなりません。
|
|
2
2
|
|
|
3
|
-
[min-width - CSS: カスケーディングスタイルシート | MDN](https://developer.mozilla.org/ja/docs/Web/CSS/min-width)
|
|
3
|
+
[min-width - CSS: カスケーディングスタイルシート | MDN](https://developer.mozilla.org/ja/docs/Web/CSS/min-width)
|
|
4
|
+
|
|
5
|
+
---
|
|
6
|
+
`position: fixed`したヘッダーのスクロールは、下記のjQueryで実装しているようです。
|
|
7
|
+
|
|
8
|
+
```jQuery
|
|
9
|
+
$(window).on("scroll", function(){
|
|
10
|
+
$(".site-header").css("left", -$(window).scrollLeft());
|
|
11
|
+
});
|
|
12
|
+
```
|