関連情報メディアクエリによって、サイトやアプリを様々な引数や端末の特性に基づいて合わせることができます。これはレスポンシブデザインのキーコンポーネントです。メディアクエリでは小さい端末でフォントの大きさを縮小したり、ページが縦長モードで表示されたときに段落間の間隔を増やしたり、タッチスクリーンでボタンを拡大したりすることができます。@-規則を使用して、メディアクエリの結果に基づいて条件付きでスタイルの一部を適用することができます。使用すると、条件付きでスタイルシート全体を適用することもできます。メディアクエリは様々な要素に適用することができます。適用されるメディアを定義します。属性では、ソースが適用されるメディアを定義します。要素内でのみ有効です。属性では、スタイルが適用されるメディアを定義します。メソッドを利用することができます。使用して、クエリの状態が変更されたときに通知を受け取ることもできます。この機能により、サイトやアプリが端末の設定、方向、状態が変化したときに応答することができます。プログラムからのメディアクエリの使用については、メディアクエリのテストで知ることができます。@規則@import@mediaガイドメディアクエリの利用メディアクエリと、その構文や演算子、メディアクエリ式を構築するために使用するメディア機能を紹介します。コードに通知されるよう、リスナーをセットアップする方法を説明します。規則このページの互換性一覧表は構造化データから生成されています。チェックアウトしてプルリクエストを送信してください。ブラウザー間の互換性が低い可能性があります。ブラウザー間の互換性が低い可能性があります。新しいウェブサイトでは使用しないでください。新しいウェブサイトでは使用しないでください。実装ノートを参照してください。実装ノートを参照してください。ユーザーが明示的にこの機能を有効にしなければなりません。ユーザーが明示的にこの機能を有効にしなければなりません。技術への対応状況に応じてスタイルを適用することができます。inbox.現在、ニュースレターは英語でのみ提供されています。従って私の個人情報を扱うことに同意します。