webkit-min-device-pixel-ratio的问题 [英] Question on webkit-min-device-pixel-ratio

问题描述

所有浏览器都会理解或更适用于以下语句的CSS规则：

Which all browsers will understand or rather apply CSS rules for the following statement;

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

此外，如果只有屏幕在屏幕上方使用，将会有什么区别

Also what will be the difference if "only screen" is used above insted of screen i.e.

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

推荐答案

该规则将应用于所有基于webkit的浏览器。您可以在此处查看列表 http://en.wikipedia.org/wiki/List_of_web_browsers#WebKit -based_browsers （最重要的chrome和safari）。

The rule will be applied for all webkit-based browsers. You can see a list here http://en.wikipedia.org/wiki/List_of_web_browsers#WebKit-based_browsers (most important chrome and safari).

关于这个词只有W3说：

About the word only W3 says:

关键字'only'也可用于
隐藏旧用户
代理的样式表。用户代理必须处理媒体
以'only'开头的查询，如同
'only'关键字不存在。

The keyword ‘only’ can also be used to hide style sheets from older user agents. User agents must process media queries starting with ‘only’ as if the ‘only’ keyword was not present.

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

这篇关于webkit-min-device-pixel-ratio的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！