Susy 不使用通用@media screen and (min-width: 460px)
语法进行媒体查询是否有特殊原因?
(或者也许最好将其问为“为什么几乎每个人都使用@media screen
或@media only screen
用于他们的媒体查询?”)
Susy 不使用通用@media screen and (min-width: 460px)
语法进行媒体查询是否有特殊原因?
(或者也许最好将其问为“为什么几乎每个人都使用@media screen
或@media only screen
用于他们的媒体查询?”)
引用 mdn,https://developer.mozilla.org/en/docs/CSS/Media_queries
唯一的关键字阻止不支持具有媒体功能的媒体查询的旧浏览器应用给定的样式。
因此,如果您使用only
关键字,不支持媒体查询的旧浏览器将完全忽略该行。我想大多数时候我们使用 polyfill 进行媒体查询,例如respond.js
,所以忽略only
关键字是相当安全的。