🐛あなたのCSSメディアクエリは間違っているかもしれない｜たかもそ／Web Creator.

みなさんはCSSのメディアクエリについて本当の意味で理解して使用しているでしょうか。ブラウザがデフォルトの状態なら正常に動くと思います。しかし、ブラウザで拡大率を変更したりするなどブラウザの設定によってはメディアクエリの解釈が大きく変わってきます。また、メディアクエリに使える単位のpxやem、remによっても変わってくるため、適切な単位を用いる必要があります。 検証に用いるCSS 以下の6パターンを使って検証します。すべてのバージョンを検証するのは大変なので、過去3年間のバージョンまで遡りました。 /* 600px以上 */ @media (min-width: 600px) { ... } @media (min-width: 37.5em) { ... } @media (min-width: 37.5rem) { ... } /* 600px未満 */ @media not all