メディアクエリ

著者: Eugene Taylor
作成日: 11 Aug. 2021
更新日: 12 5月 2024
Anonim
【レスポンシブWebデザインの基礎】メディアクエリの「メディアタイプ」を理解しよう【ヤフー出身エンジニアのHTML・CSSコーディング講座】
ビデオ: 【レスポンシブWebデザインの基礎】メディアクエリの「メディアタイプ」を理解しよう【ヤフー出身エンジニアのHTML・CSSコーディング講座】

コンテンツ

定義-メディアクエリの意味

メディアクエリはHTML / CSS機能で、Webページのコンテンツを、コンピューター画面や携帯電話やタブレットの画面など、ページがレンダリングされるメディアの種類に適応させることができます。これは、レスポンシブWebデザインを実装するためのコアテクノロジーと見なされ、2012年6月に他のCSS3機能と共に標準として実装することが推奨されました。

Microsoft AzureとMicrosoft Cloudの紹介|このガイドを通して、クラウドコンピューティングとは何か、Microsoft Azureを使用してクラウドからビジネスを移行および実行する方法を学習します。

Techopediaはメディアクエリについて説明します

メディアクエリは、メディアタイプと、特定のメディア機能、特に画面サイズの機能を条件付きでチェックする1つ以上の式で構成されます。メディアクエリの論理式は、trueまたはfalseのいずれかです。クエリのメディアタイプが、ユーザーエージェント(Webブラウザー)が実行されているデバイスのメディアタイプのメディアタイプと一致する場合はtrueです。それ以外の場合は偽です。メディアクエリの結果がtrueになると、通常のカスケードルールに従って、指定された対応するスタイルルールが適用されます。クエリの結果がfalseであっても、 タグは引き続きダウンロードされますが、適用されません。

HTMLを使用した例 鬼ごっこ:



内で@mediaを使用する例
この定義は、レスポンシブWebデザインの詐欺で書かれました。