【发布时间】:2012-09-14 23:34:30
【问题描述】:
似乎最近我看到越来越多的人开始在他们的样式表中使用media="all" 和media="screen"。
我的问题是什么时候应该使用media="all" 而不是media="screen",反之亦然?
注意:我使用的是 HTML5 Doctype,如果这有影响的话。
【问题讨论】:
标签: html css media-queries
似乎最近我看到越来越多的人开始在他们的样式表中使用media="all" 和media="screen"。
我的问题是什么时候应该使用media="all" 而不是media="screen",反之亦然?
注意:我使用的是 HTML5 Doctype,如果这有影响的话。
【问题讨论】:
标签: html css media-queries
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 Recognized media types
Is there no difference between No media and media=“all” in css link?
【讨论】:
screen,而在 HTML5 中只更改为 all。尽管如此,浏览器一直将其视为all。 stackoverflow.com/questions/6921573/…
根据W3C Spec:
7.3 可识别的媒体类型
为 CSS 媒体类型选择的名称反映了目标设备 相关属性是有意义的。在以下 CSS 媒体列表中 types 媒体类型的名称是规范的,但描述是 内容丰富。同样,每个描述中的“媒体”字段 属性信息丰富。
全部
适用于所有设备。
盲文
用于盲文触觉反馈设备。
浮雕
适用于分页盲文打印机。
手持式
适用于手持设备(通常是小屏幕、有限的 带宽)。
打印
适用于分页材料和在屏幕上查看的文档 打印预览模式。请参阅分页媒体部分 有关分页媒体特有的格式问题的信息。
投影
用于投影演示,例如投影仪。请 有关格式化的信息,请参阅分页媒体部分 分页媒体特有的问题。
屏幕
主要用于彩色计算机屏幕。
演讲
用于语音合成器。注意:CSS2 有类似的媒体类型 为此目的称为“听觉”。请参阅有关听觉风格的附录 详情页。
tty
适用于使用固定间距字符网格的媒体(例如 电传打字机、终端或显示受限的便携式设备 能力)。作者不应将像素单位与“tty”媒体一起使用 输入。
电视
适用于电视类设备(低分辨率、彩色、 有限滚动屏幕,声音可用)。
【讨论】: