メディアタイプとは
本日の教材動画はこちら
メディアタイプとは
メディアタイプとは、メディアクエリを指定する際に「どんなデバイスであるか」を指定するのに使います。合計10種類あるようですが、よく使う基本的なものだけ見てみましょう。
- all … すべてのメディア
- screen … 一般的なディスプレイ全般(パソコンのスクリーン)
- projection … プロジェクター
- print … 印刷
記載方法について
htmlに直接書き込む場合は<link rel="stylesheet" type="text/css" media="(メディアタイプを記載)" href="xxx.css">という風に。外部CSSに書き込む場合は@media (メディアタイプを記載){(CSSを記述)}という具合になります。
一番使うのは間違いなくscreenだと思うんですが、スマホの場合もここになるんでしょうかね?今の所メディアクエリがまだ何なのかよくわかってないので、ひとまず詳しく調べるのはやめにして次の勉強へ行くことにします!
【参考サイト】