我是否应该始终将“screen”添加到“@media”查询中？无论有没有“屏幕”条件，一切似乎都可以工作

Question

我正在学习响应式设计，并且一直在搞媒体查询。

有谁知道我是否绝对需要使用@media screen？当编写查询以使我的设计响应时，一切都可以使用或不使用screen。

Answer 1

对于 99.9% 的情况，screen这是用于查看您的网站的所有内容，因此可以省略 - 当未指定时，all是暗示的。然而，还有其他可能性。

例如，想想有视力障碍的用户。一些视力障碍的网络冲浪者使用屏幕阅读器，它们不会以screen. 还有触觉网络浏览器，以盲文形式显示来自网站的信息。再说一次，不是screen.

如前所述，这些肯定是异常用户；但是，根据您期望的网站流量，建议在设计屏幕显示时将其包含screen在查询中作为最佳实践。@media

其他媒体选项有：

• 盲文
• 浮雕的
• 手持式
• 打印
• 投影
• 演讲
• 终端
• 电视

更新（2017 年 6 月）

从 Media Queries 4 开始，其中大部分都得到了简化——除了少数几个之外，所有这些都已被弃用。目前支持的有以下几种：

• 全部
• 打印
• 屏幕
• 演讲

有关详细信息，请参阅Mozilla 开发者网络上的@media 页面，并感谢 @romellem 指出这些更改！