Media query (メディアクエリー)

メディアクエリー (media query) は、CSS、JavaScript、HTML、その他のウェブ言語において、文書のコンテンツとは無関係に、文書が表示されているユーザーエージェントや端末の側面をチェックし、関連するコードブロックや特性クエリーが適用されるべきかどうかを判断するための論理式です。

メディアクエリーは、 CSS の @media および @import アットルールで CSS スタイルを条件付きで適用するために使用され、 JavaScript では matchMedia() メソッド、 matches プロパティ、 change イベントなどでモニターのメディア状態を検査するために使用されます。メディアクエリーは 、、