scan

scan CSS 媒體特性用於根據輸出裝置的掃描過程來應用 CSS 樣式。

語法

scan 特性被指定為以下關鍵字值之一:

interlace(隔行掃描)

輸出裝置使用“隔行掃描”渲染,影片幀交替地只指定螢幕上的“偶數”行和只指定“奇數”行。

progressive(逐行掃描)

輸出裝置將內容渲染到螢幕上,沒有特殊處理。

描述

大多數現代螢幕(以及所有計算機螢幕)都使用逐行掃描渲染,完全顯示每個螢幕,沒有特殊處理。

隔行掃描曾被 CRT 顯示器和一些等離子電視使用,以便在減少頻寬的同時,實現更快的每秒幀數(FPS)。透過隔行掃描,影片幀交替渲染螢幕上的偶數行和奇數行,每幀只下載和渲染一半的螢幕,利用人類的影像平滑能力,因此大腦以一半的頻寬成本模擬出更高的 FPS 廣播。

在針對隔行掃描螢幕時,避免螢幕上非常快速的移動,並確保動畫細節寬度大於 1px,以減少閃爍。

示例

HTML

html
<p>This is a test.</p>

CSS

css
p {
  padding: 10px;
  border: solid;
}

@media screen and (scan: interlace) {
  p {
    background: #f4ae8a;
  }
}
@media screen and (scan: progressive) {
  p {
    text-decoration: underline;
  }
}
@media not screen and (scan: progressive) {
  p {
    border-style: dashed;
  }
}
@media not screen and (scan: interlaced) {
  p {
    color: purple;
  }
}

結果

規範

此特性似乎未在任何規範中定義。

瀏覽器相容性

另見