Susy媒体查询输出＆amp; “屏幕”

Question

Susy是否有特殊原因不使用通用@media screen and (min-width: 460px)语法进行媒体查询？

（或者更好的问题是“为什么几乎每个人都使用@media screen或@media only screen进行媒体查询？”）

Answer 1

引自mdn，https://developer.mozilla.org/en/docs/CSS/Media_queries

  

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

因此，如果您使用only关键字，那么不支持媒体查询的旧浏览器将完全忽略该行。我猜大多数时候我们都使用polyfill进行媒体查询，例如respond.js，因此忽略only关键字是非常安全的。