【レスポンシブWebデザイン】メディアクエリ

メディアクエリとは

• メディアタイプやメディア特性で構成され、使用するデバイスの条件に従ってHTMLに適用されるスタイルを切り替えるもの。
• 論理演算子を用いることで詳細な条件を記述できる。

　　　⋄論理積を表す場合はandを使用し、論理和を表す場合はカンマ（,）を使用する。

　　　⋄論理演算子にorは使用できない。

記述方法

• スマートフォンやタブレット：screenを指定

　　※一般的なディスプレイに分類するため

解像度の単位

メディア特性resolutionでは、画面解像度の単位として以下3つの指定ができる。

• dpi：1インチあｔりのドット数を表す。
• dpcm：1センチメートルあたりのドット数を表す。
• dppx：1ピクセルあたりのドット数を表す。