メディアクエリ(メディアタイプ+特性)
Webページのスタイル(見栄え)を記述するCSSの仕様の一つで、表示された画面環境に応じて適用するスタイルを切り替える機能。 一つのページで複数の異なる表示環境に対応するレスポンシブWebデザインを実現することができる。
メディアタイプに特性(画面幅)を加えて表示方法を切り替える
CSSファイル内での記述
@media (max-width:600px) {p{colore:red}}
600pxまでの幅の場合、pの文字は赤色
メディアクエリ(メディアタイプ+特性)
Webページのスタイル(見栄え)を記述するCSSの仕様の一つで、表示された画面環境に応じて適用するスタイルを切り替える機能。 一つのページで複数の異なる表示環境に対応するレスポンシブWebデザインを実現することができる。
メディアタイプに特性(画面幅)を加えて表示方法を切り替える
CSSファイル内での記述
@media (max-width:600px) {p{colore:red}}
600pxまでの幅の場合、pの文字は赤色
コメント