モバイルファーストのとき@media(min-width)を使う理由

モバイルファーストの時、

@media(min-width)以外のcssはスマホ画面を想定したcssになっている

それを@media(min-width)のコードで上書きしているイメージ

もしモバイルファーストで@media(max-width)を使うと

元のcssはスマホ画面を指定しているのにmax-width→○○以下のコードを変更という意味になってしまうので

せっかく書いたスマホ用のcssが消されてしまうイメージ

この記事を書いた人

ともひろ