前提
spとtabの二つのメディアクエリを設定すると、tabの方だけが適用されます。
実現したいこと
spとtabで表示の仕方を変えたいです。
該当のソースコード
scss
1// メディアクエリ用のミックスイン 2$breakpoints : ( 3 sp: "(max-width: 767px)", 4 tab: "(max-width: 1021px)", 5 pc: "(min-width: 1022px)" 6); 7@mixin media($breakpoint) { 8 @media #{map-get($breakpoints, $breakpoint)} { 9 @content; 10 } 11} 12 13.img { 14 width: 700px; 15 @include media(sp) { 16 width: 300px; 17 } 18 @include media(tab) { 19 width: 500px; 20 } 21}
試したこと
二つのメディアクエリの記述の順番を入れ替えてみたりしましたが、変化しませんでした。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。