メディアクエリを乱立させないための図解!!
WordPressのデフォルトテーマはem単位なので、pxに慣れすぎてわけわからなくなるタイプ(※自分のこと)はこれを見て参考にしようね
minとmaxの解釈はあっているのでしょうか…か…
特にPC幅はデザインによっても変わると思うので、あくまでWordPressのメディアクエリを元にした参考値ということで…🤗
ちなみにCSSに書く時のコードは
@media screen and (min-width: 20em) { .class名 { /*この幅のとき適用させたいコードを書く*/ } }
または
@media screen and (min-width:20em) and ( max-width:30em) { .class名 { /*この幅のとき適用させたいコードを書く*/ } }
的なかんじ🙋♀️
あとHTMLのhead内にも、
<meta name="viewport" content="width=device-width,initial-scale=1">
とかの記述がいります🤔(コーダーにあるまじき雑な説明)
何度もググってるサイト様🙇♀️