このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

メディア・クエリ~“scan”メディア・フィーチャー

記事Jan. 16th,2019
July 7th,2020
出力デバイスの描画域のアスペクト比を条件とするためのメディア・フィーチャー
この記事はCSS3に対応しています。
この記事はCSS3に対応しています。

scan”メディア・フィーチャーについて

scan”メディア・フィーチャーは出力デバイスの走査方式を条件とするためのメディア・フィーチャーです。

走査方式は画像をテレビやディスプレイなどに表示する時の走査線を描く方式でインターレース方式とプログレッシブ方式があります。

インターレース方式は走査線を一本おき描き、一枚の画像を二回に分けて表示する方式です。テレビ放送はインターレース方式です。

インターレース走査方式のイメージ
インターレース方式のイメージ

プログレッシブ方式は走査線を順番に描く方式です。パソコンやスマートフォンのディスプレイはプログレッシブ方式です。

プログレッシブ走査方式のイメージ
プログレッシブ方式のイメージ

指定できる値

説明
interlace 出力デバイスはインターレース方式
progressive 出力デバイスはプログレッシブ方式

サンプルコード

@media (scan: progressive) {
.sample {
/* プログレッシブ方式のデバイスに適用されるスタイル。 */
}
}
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク