34

似乎最近我看到更多的人开始在他们的样式表中使用media="all"vs。media="screen"

我的问题是我应该什么时候使用media="all"over media="screen",反之亦然?

注意:我正在使用 HTML5 Doctype,如果这有影响的话。

4

2 回答 2

33
media="all"    // Used for all media type devices ( its default under html 5)
media="screen" // Used for computer screens(default value  for html 4.01)

好读

7.3 可识别的媒体类型
css 链接中的 No media 和 media="all" 没有区别吗?

于 2012-09-23T02:31:38.100 回答
3

根据W3C 规范

7.3 可识别的媒体类型

为 CSS 媒体类型选择的名称反映了相关属性对其有意义的目标设备。在下面的 CSS 媒体类型列表中,媒体类型的名称是规范的,但描述是信息性的。同样,每个属性的描述中的“媒体”字段都是信息性的。

全部

适用于所有设备。

盲文

适用于盲文触觉反馈设备。

浮雕

适用于分页盲文打印机。

手持式

适用于手持设备(通常是小屏幕、有限带宽)。

打印

用于分页材料和在打印预览模式下在屏幕上查看的文档。有关分页媒体特有的格式问题的信息,请参阅分页媒体部分。

投影

用于投影演示,例如投影仪。有关分页媒体特有的格式问题的信息,请参阅分页媒体部分。

屏幕

主要用于彩色计算机屏幕。

演讲

用于语音合成器。注意:为此,CSS2 有一个类似的媒体类型,称为“听觉”。有关详细信息,请参阅有关听觉样式表的附录。

tty

适用于使用固定间距字符网格的媒体(例如电传打字机、终端或显示能力有限的便携式设备)。作者不应使用具有“tty”媒体类型的像素单位。

电视

用于电视类设备(低分辨率、彩色、有限滚动屏幕、可用声音)。

于 2017-05-07T17:52:52.553 回答