似乎最近我看到更多的人开始在他们的样式表中使用media="all"
vs。media="screen"
我的问题是我应该什么时候使用media="all"
over media="screen"
,反之亦然?
注意:我正在使用 HTML5 Doctype,如果这有影响的话。
似乎最近我看到更多的人开始在他们的样式表中使用media="all"
vs。media="screen"
我的问题是我应该什么时候使用media="all"
over media="screen"
,反之亦然?
注意:我正在使用 HTML5 Doctype,如果这有影响的话。
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)
好读
根据W3C 规范:
7.3 可识别的媒体类型
为 CSS 媒体类型选择的名称反映了相关属性对其有意义的目标设备。在下面的 CSS 媒体类型列表中,媒体类型的名称是规范的,但描述是信息性的。同样,每个属性的描述中的“媒体”字段都是信息性的。
全部
适用于所有设备。
盲文
适用于盲文触觉反馈设备。
浮雕
适用于分页盲文打印机。
手持式
适用于手持设备(通常是小屏幕、有限带宽)。
打印
用于分页材料和在打印预览模式下在屏幕上查看的文档。有关分页媒体特有的格式问题的信息,请参阅分页媒体部分。
投影
用于投影演示,例如投影仪。有关分页媒体特有的格式问题的信息,请参阅分页媒体部分。
屏幕
主要用于彩色计算机屏幕。
演讲
用于语音合成器。注意:为此,CSS2 有一个类似的媒体类型,称为“听觉”。有关详细信息,请参阅有关听觉样式表的附录。
tty
适用于使用固定间距字符网格的媒体(例如电传打字机、终端或显示能力有限的便携式设备)。作者不应使用具有“tty”媒体类型的像素单位。
电视
用于电视类设备(低分辨率、彩色、有限滚动屏幕、可用声音)。