語法
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;
}
}
結果
規範
此特性似乎未在任何規範中定義。瀏覽器相容性
載入中…