为什么要使用@media屏幕？

Question

使用@media screen的目的是什么？

我是使用@media查询的新手，我不明白你为什么需要screen。

@media print我可以理解，因为它允许您在打印页面时更改代码，但是screen肯定会提供与使用标准css相同的输出？ e.g：

@media screen { #id {display:none; } }

VS

#id {display:none; }

当然你会得到相同的输出，那么screen的好处是什么？

我不明白还有其他好处吗？

Answer 1

当当前媒体不是screen时，这将不匹配，例如打印或投影时。

您假设screen是默认值，而所有其他都是例外，覆盖了更具体的规则，但实际默认值为@media all。