2013-04-20 77 views
0

Susy是否有一个特殊的原因是它的媒体查询不使用通用的@media screen and (min-width: 460px)语法?Susy媒体查询输出&“屏幕”

(或也许这是更好地问,“为什么几乎每个人都使用他们的媒体查询@media screen@media only screen?”)

回答

1

从MDN报价,https://developer.mozilla.org/en/docs/CSS/Media_queries

唯一关键字阻止旧版本浏览器不支持媒体功能的媒体 应用给定样式。

所以如果你使用only关键字不支持媒体查询的旧的浏览器会忽略该行所有。我想大多数的我们使用填充工具对媒体查询,例如respond.js的时间,所以这是一个相当安全的忽略only关键字。

+0

我知道“only”被用来阻​​止较旧的浏览器应用样式。鉴于推荐的移动优先策略w/Susy,可能不会输出“唯一”关键字。 还在想Susy为什么不输出“屏幕”关键字,或者是否可以(或应该)使用配置选项来支持它。 – nathos 2013-04-22 22:32:05