我正在学习响应式设计，并且一直在搞乱媒体查询。
有谁知道我是否绝对需要使用@media screen？在编写查询以使我的设计具有响应性时，无论有无 screen，一切都可以正常工作。
最佳答案
对于 99.9% 的情况，screen 是用于查看您网站的所有内容，因此可以省略 - 如果未指定，则暗含 all。但是，还有其他可能性。
以视障用户为例。一些有视力障碍的网络冲浪者使用屏幕阅读器，它们不会以屏幕 的形式访问您的网站。也有触觉网络浏览器将来自站点的信息显示为盲文。同样，不是屏幕。
如前所述，这些肯定是异常用户；但是，根据您对网站的预期流量，在设计屏幕显示时，建议将 screen 包含在 @media 查询中作为最佳做法。
其他媒体选项是:
- 盲文
- 浮雕
- 手持
- 打印
- 投影
- 演讲
- tty
- 电视
更新(2017 年 6 月)
从 Media Queries 4 开始，其中的大部分内容都得到了简化——除了上面的一些内容之外，其他所有内容都被弃用了。目前支持的有以下几种:
- 全部
- 打印
- 屏幕
- 演讲
参见 @media page在 Mozilla 开发人员网络上了解详细信息，并感谢@romellem 指出这些更改!
关于css - 我应该始终将 `screen` 添加到 `@media` 查询吗？无论有没有 `screen` 条件，一切似乎都能正常工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32239162/