Html 媒体=全部vs媒体=屏幕

似乎最近我看到越来越多的人开始在样式表中使用

media=“all”

vs

media=“screen”

我的问题是什么时候应该在

media=“screen”

上使用

media=“all”

，反之亦然

注意：如果HTML5 Doctype有区别的话，我使用的是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)

读得好

根据：

7.3认可的媒体类型

为CSS媒体类型选择的名称反映了 相关属性是有意义的。在下面的CSS媒体列表中 类型媒体类型的名称是规范性的，但描述是 提供有用信息的同样地，每个文档描述中的“媒体”字段 属性是信息性的

全部

适用于所有设备

盲文

用于盲文触觉反馈装置

浮雕

适用于分页盲文打印机

手持设备

适用于手持设备（通常为小屏幕，有限 带宽）

打印

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

投影

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

屏幕

主要用于彩色计算机屏幕

演讲

用于语音合成器。注：CSS2具有类似的介质类型 为此被称为“听觉”。参见附录中关于听觉风格的部分 详细信息请参阅

tty

适用于使用固定间距字符网格的介质（例如 显示受限的电传打字机、终端或便携式设备 能力）。作者不应在“tty”介质中使用像素单位 类型

电视

适用于电视类设备（低分辨率、彩色、， 有限的可滚动屏幕，声音可用）

---

在以前的HTML规范中，默认值是

screen

，在HTML5中仅更改为

all

。尽管如此，浏览器始终将其视为

all

@BoltClock和OP使用HTML5@BoltClock你说得很对，这让我很困惑，我应该告诉你，很多东西都被贬值了，不应该被使用。请参阅：“已弃用的媒体类型：CSS2.1和media Queries 3定义了几种其他媒体类型（tty、电视、投影、手持、盲文、浮雕和听觉），但它们在media Queries 4中已弃用，不应使用。听觉类型已被语音所取代，这与之类似。”