メディアクエリとは

メディアクエリとはブラウザの画面サイズに応じてCSSのスタイルを適用できる手法です。

メディアクエリは、max-width（最大幅）やmin-width（最小幅）などを指定します。上記の様にmax-width:500pxだと500px以下のブラウザで見るとp要素の文字が赤色に変更されます。