【发布时间】:2012-01-12 03:58:56
【问题描述】:
这两条指令有什么区别?
@media screen and (max-device-width: 480px) {}
和
@media only screen and (max-device-width: 480px) {}
【问题讨论】:
标签: css media-queries
这两条指令有什么区别?
@media screen and (max-device-width: 480px) {}
和
@media only screen and (max-device-width: 480px) {}
【问题讨论】:
标签: css media-queries
关键字“only”也可用于隐藏旧样式表 用户代理。用户代理必须处理以 'only' 就像不存在'only' 关键字一样。
来自http://www.w3.org/TR/css3-mediaqueries/
在实际使用场景中,only screen 查询用于定位支持现代 CSS 的特定移动浏览器。
来自http://www.alistapart.com/articles/return-of-the-mobile-stylesheet
更清楚
使用“only”关键字作为前缀的媒体查询将导致非 兼容 CSS3 的浏览器忽略该规则。
【讨论】: