媒体查询功能“只有屏幕”的语法？

Question

一直想知道CSS语法only screen。

基本上：

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

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

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

让我感到困惑的是像Foundation这样的着名框架选择在他们所有的@media上打击only screen。而Bootstrap之类的其他人却没有。

Answer 1

来自https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries：

唯一的关键字可以阻止不支持具有媒体功能的媒体查询的旧浏览器应用给定的样式：

screen适用于所有有屏幕的设备。所以，例如。打印样式不包括在内。