目次:
定義-メディアクエリの意味
メディアクエリはHTML / CSS機能で、Webページのコンテンツを、コンピューター画面や携帯電話やタブレットの画面など、ページがレンダリングされるメディアの種類に適応させることができます。 これは、レスポンシブWebデザインを実装するためのコアテクノロジーと見なされ、2012年6月に他のCSS3機能と共に標準として実装することが推奨されました。Techopediaはメディアクエリについて説明します
メディアクエリは、メディアタイプと、特定のメディア機能、特に画面サイズの機能を条件付きでチェックする1つ以上の式で構成されます。 メディアクエリの論理式は、trueまたはfalseのいずれかです。 クエリのメディアタイプが、ユーザーエージェント（Webブラウザー）が実行されているデバイスのメディアタイプのメディアタイプと一致する場合はtrueです。 それ以外の場合は偽です。 メディアクエリの結果がtrueの場合、通常のカスケードルールに従って、指定された対応するスタイルルールが適用されます。 クエリの結果がfalseであっても、 タグは引き続きダウンロードされますが、適用されません。
HTMLを使用した例
鬼ごっこ：
内で@mediaを使用する例
この定義は、レスポンシブWebデザインのコンテキストで記述されました
