关于webkit-min-device-pixel-ratio的问题

时间:2011-04-28 08:39:54

标签: javascript html css safari css3

所有浏览器都会理解或者更确切地说应用以下语句的CSS规则;

@media screen and (-webkit-min-device-pixel-ratio:0) {
//CSS Styles
}

如果在屏幕上方使用“仅屏幕”即

,那将会有什么不同
@media only screen and (-webkit-min-device-pixel-ratio:0) {
    //CSS Styles
    }

1 个答案:

答案 0 :(得分:2)

该规则将适用于所有基于webkit的浏览器。你可以在这里看到一个列表http://en.wikipedia.org/wiki/List_of_web_browsers#WebKit-based_browsers(最重要的chrome和safari)。

关于W3这个词只说:

  

关键字“only”也可用于   隐藏旧用户的样式表   代理商。用户代理必须处理媒体   以'only'开头的查询就好像   'only'关键字不存在。

来源:http://www.w3.org/TR/css3-mediaqueries/