メディア・クエリ~“screen”メディア・タイプ

“screen”メディア・タイプについて

“screen”メディア・タイプはプリンタ・デバイス以外を条件とするためのメディア・タイプです。

元はパソコンやスマートフォンなどのカラーで高い解像度のディスプレイがあるデバイスを想定したメディア・タイプでしたが、“Media Queries Level 4”以降の仕様では“all”メディア・タイプ、“print”メディア・タイプと“screen”メディア・タイプ以外のメディア・タイプが非推奨となったため、“screen”メディア・タイプは“print”メディア・タイプに当てはまらないデバイスのすべてが対象になります。

サンプルコード

<p class="sample">

猫は、上のかぎり黒くて、ことはみな白き。

</p>

猫は、上のかぎり黒くて、ことはみな白き。