css - 媒体查询 "only screen"语法的功能？

标签 css

<分区>

想要改进这个问题？ 更新问题，以便 editing this post 可以用事实和引用来回答它.

关闭 8 年前。

一直想知道CSS语法only screen。

基本上:

@media only screen and (max-width: 800px) { ... }

@media (max-width: 800px) { ... }

除了第一个在打印时不出现，还有其他好处吗？

让我困惑的是像Foundation这样的著名框架选择在他们所有的@media 上打only screen。而其他人喜欢 Bootstrap没有。

最佳答案

only 关键字阻止不支持具有媒体功能的媒体查询的旧版浏览器应用给定样式:

screen 适用于所有有屏幕的设备。所以例如。打印样式被排除在外。

关于css - 媒体查询 "only screen"语法的功能？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28147870/

相关文章：

具有渐变和渐变轮廓的 CSS 文本