CSS3 メディア クエリ_html/css_WEB-ITnose

メディア クエリを使用すると、対応する条件を満たすメディアに特定のスタイルを設定できます。

導入方法

メディアクエリを導入するには2つの方法があります。

リンク経由で導入

<link rel="stylesheet" media="screen and (max-width: 600px)" href="small.css" />

CSSに導入

 @media screen and (max-width: 600px) {   选择器 {     属性：属性值；   } }

共通メディアクエリ

互換性リファレンス