首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

扫描 | @media.scan

scan CSS @media媒体功能可基于扫描处理(如果有的话)通过输出装置利用样式。在这种情况下使用的单词扫描不涉及图像扫描仪,例如用于数字化照片的扫描仪。相反,这意味着将图像绘制到电视屏幕(或其他设备)上的过程。

语法

scan功能被指定为从下面的列表中选择的单个关键字值。

interlace 该设备交替地绘制奇数行和偶数行。一些电视机使用隔行扫描。

progressive该设备依次绘制所有线。所有电脑屏幕都使用逐行扫描。

例子

HTML

代码语言:javascript
复制
<p>If your screen uses interlaced rendering, this text should
?  be in a sans-serif font. If your screen uses progressive
?  scanning, you should see a serif font.</p>

CSS

代码语言:javascript
复制
p {
? font-family: cursive;
}

@media (scan: interlace) {
  p {
    font-family: sans-serif;
  }
}

@media (scan: progressive) {
? p {
    font-family: serif;
? }
}

结果

规范

Specification

Status

Comment

Media Queries Level 4The definition of 'scan' in that specification.

Working Draft

No change.

Media QueriesThe definition of 'scan' in that specification.

Recommendation

Initial definition.

浏览器兼容性

Feature

Chrome

Firefox (Gecko)

Internet Explorer

Opera

Safari

Basic support

?

No support

?

?

?

Feature

Android

Firefox Mobile (Gecko)

IE Mobile

Opera Mobile

Safari Mobile

Basic support

?

No support

?

?

?

扫码关注腾讯云开发者

领取腾讯云代金券

http://www.vxiaotou.com