【レスポンシブWebデザイン】メディアタイプ

メディアタイプとは

• ユーザがWebページの閲覧に用いるデバイスの種類
• link要素のmedia属性やCSSでメディアタイプを指定することで、使用デバイスを条件にして、適用するスタイルを切り替えることができる。

主なメディアタイプ

メディアタイプ	説明
all	すべてのメディアタイプ
print	プリンタ
screen	一般的なカラーディスプレイ
speech	音声読み上げブラウザ
handheld	携帯電話など、画面が小さい端末
projection	プロジェクタ
braille	展示用ディスプレイ
embossed	展示用プリンタ
tv	テレビ
tty	固定幅フォントを使用するメディア

メディアタイプの記述例①

メディアタイプの記述例②