Media Queries: Range SyntaxがSafariを含むモダンブラウザで利用できるようになったので公式ドキュメントの通りですが、書き方をメモ📝
簡単ですが今までmax-widthで指定していたものが不等号で直感的に書けるようになりました👏
before
@media (max-width: 30em) { ... }
after
@media (width <= 30em) { ... }
caniuseで見てみてもSafariを含めたモダンブラウザで対応されていますが、
一応postcss-media-minmaxでポリフィルも提供されているようです👀
