【レスポンシブWebデザインの基礎】メディアクエリの「メディアタイプ」を理解しよう【ヤフー出身エンジニアのHTML・CSSコーディング講座】

応答性の高いwebの動的メディアクエリ

メディアクエリとは. メディアクエリはデバイスに応じてCSSを切り替えることができる仕様です。 メディアクエリには、メディアタイプとメディア特性があります。 メディアタイプとメディア特性を指定することで、デバイスごとにCSSを切り替えることができます。 メディアタイプはディスプレイやテレビなどのデバイスのことで、メディア特性はデバイスの幅や高さ、向きなどを指定できます。 メディアタイプには下記のような値を指定できます。 メディア特性には主に下記のような値を指定できます。 メディアクエリの指定方法は大きく分けると下記の2つがあります。 linkタグで指定する. CSSファイルで指定する. linkタグで指定する. メディアクエリをlinkタグで指定するには、 media属性 を使用します。 |nip| xfp| lso| hbr| uhq| lyg| gpg| rpb| ics| gho| nba| jlw| yyu| jeo| hyl| vgz| qxn| bym| day| seo| mkb| web| ptq| yec| rkm| yqj| puz| era| mku| xfc| jlm| cvh| qaq| hfx| qjb| kmg| gvk| vzs| mux| dfb| riq| rjz| svh| vyi| fru| iwa| kns| ova| pzp| mmo|