メディアクエリ

メディアクエリ（メディアタイプ＋特性）
Webページのスタイル（見栄え）を記述するCSSの仕様の一つで、表示された画面環境に応じて適用するスタイルを切り替える機能。 一つのページで複数の異なる表示環境に対応するレスポンシブWebデザインを実現することができる。

メディアタイプに特性（画面幅）を加えて表示方法を切り替える

CSSファイル内での記述
@media (max-width:600px) {p{colore:red}}

600pxまでの幅の場合、pの文字は赤色