メディアクエリ

モバイルファースト

小さいサイズから順に指定する。余計な大きい画面向けのスタイルを後から指定する(読み込ませない)ためモバイルサイト向け。
min-widthで設定。
=指定した数値から適用される。

デスクトップファースト

大きいサイズから順に指定する。
max-widthで設定。
=指定した数値まで適用される。

必ず「大きい→小さい(あるいはその逆)」の順番で書く事!

シェアする

  • このエントリーをはてなブックマークに追加

フォローする