こんにちは、ワタナベです。
今回はMedia Queryの範囲指定で、比較演算子を使用した記述方法をご紹介。
Safari 16.4 がリリースされたことにより、全ブラウザで対応となりました👏
max-widthやmin-widthよりも直感的で分かりやすいので今後こちらが主流になっていくのではないでしょうか？
SAMPLE
See the Pen
Untitled by Akiho (@wcaotdaenpaebne)
on CodePen.
↑ブラウザサイズによって表示が変わります！
こちらからもご覧になれます。
私は今までSCSSでmixinを駆使して使っておりましたが、こっちの方が扱いやすそうなので今後はこっちがどんどん主流になっていったら嬉しいなと思いました！
▼THANKS！
それではまた次回。
ご閲覧ありがとうございました♪
