回答編集履歴
1
内容修正・追記
answer
CHANGED
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
どうしてハンバーガーアイコンのCSSが反映されないかというと、ブレイクポイントの値を一緒にしているからです。
|
|
2
2
|
もう一度max-widthとmin-widthについて調べてみてください。
|
|
3
3
|
max-widthは最大値のことで、min-widthは最小値を表します。
|
|
4
|
-
つまり、○○px以上だったら～するというということになります。
|
|
4
|
+
つまり、○○px以上だったら～する・○○px以下だったら～するというということになります。
|
|
5
|
+
|
|
5
6
|
今の質問者さんの記述だと、1024px以上だったら以下の記述にする・1024px以下だったら以下の記述にするということになっているからCSSが適用されないということになります。
|
|
7
|
+
以上・以下はこの例だと1024pxを含むことになるので、混在する形になり適用されないというわけです。
|
|
8
|
+
|
|
6
9
|
[【CSS】max-widthとmin-widthの使い方まとめ](https://saruwakakun.com/html-css/basic/max-min-width)
|