语法
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;
}
}
结果
规范
此特性似乎未在任何规范中定义。浏览器兼容性
加载中…