LogoMark.png

CSS/MediaQueries

メディアクエリー


メディアクエリーとは、出力媒体の種類やサイズに応じて、適用する CSS を選択変更できる機能のことです。スマホ、タブレット、PCと、異なるデバイスごとにフレキシブルに要素のレイアウトを変更するレスポンシブデザインには欠かせない機能です。

メディアタイプ

HTMLの link 要素・style 要素、CSS の @import、@media において出力媒体を指定するもので、以下のようなものがあります。

その他>Google:html media属性


メディアタイプの記述例

メディア特性

HTMLの link 要素・style 要素、CSS の @import、@media において指定可能な出力媒体の特性値を記述するためのもので、以下のようなものがあります。

その他> Google:CSS メディア特性

メディア特性の記述例

具体的な使用方法については ResponsiveDesign のページをご覧下さい。




PAGES

GUIDE

DATA

Last-modified: 2020-02-21 (金) 12:27:03