【问题标题】:CSS3 Media QueriesCSS3 媒体查询
【发布时间】:2012-01-12 03:58:56
【问题描述】:

这两条指令有什么区别?

@media screen and (max-device-width: 480px) {} 

@media only screen and (max-device-width: 480px) {} 

【问题讨论】:

    标签: css media-queries


    【解决方案1】:

    关键字“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 的浏览器忽略该规则。

    来自http://www.html5rocks.com/en/mobile/mobifying.html

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2015-10-31
      • 1970-01-01
      • 2011-08-02
      • 2012-07-04
      • 1970-01-01
      相关资源
      最近更新 更多