媒体=全部与媒体=屏幕

Posted 2023-03-06

【中文标题】媒体=全部与媒体=屏幕

【英文标题】：Media=All vs Media=Screen

【发布时间】：2012-09-14 23:34:30

【问题描述】：

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

我的问题是什么时候应该使用media="all" 而不是media="screen"，反之亦然？

注意：我使用的是 html5 Doctype，如果这有影响的话。

【参考方案1】：

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?

【讨论】：

以前的 HTML 规范中的默认值是 screen，而在 HTML5 中只更改为 all。尽管如此，浏览器一直将其视为all。 ***.com/questions/6921573/…

@BoltClock，OP使用HTML5

@BoltClock 你说的很对，我应该给它看的很混乱

【参考方案2】：

根据W3C Spec：

7.3 可识别的媒体类型

为 CSS 媒体类型选择的名称反映了目标设备 相关属性是有意义的。在以下 CSS 媒体列表中 types 媒体类型的名称是规范的，但描述是 内容丰富。同样，每个描述中的“媒体”字段 属性信息丰富。

全部

适用于所有设备。

盲文

用于盲文触觉反馈设备。

浮雕

适用于分页盲文打印机。

手持式

适用于手持设备（通常是小屏幕、有限的 带宽）。

打印

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

投影

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

屏幕

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

演讲

用于语音合成器。注意：CSS2 有类似的媒体类型 为此目的称为“听觉”。请参阅有关听觉风格的附录 详情页。

tty

适用于使用固定间距字符网格的媒体（例如 电传打字机、终端或显示受限的便携式设备 能力）。作者不应将像素单位与“tty”媒体一起使用 输入。

电视

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

【讨论】：

其中很多都已折旧，不应使用。请参阅here：“已弃用的媒体类型：CSS2.1 和媒体查询 3 定义了几种其他媒体类型（tty、电视、投影、手持、盲文、浮雕和听觉），但它们在媒体查询 4 ​​中已被弃用，应该不能用。听觉类型已经被替换成语音，类似。”