Question on webkit-min-device-pixel-ratio

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



The rule will be applied for all webkit-based browsers. You can see a list here (most important chrome and safari).

About the word only W3 says:

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.



Recent Questions

Top Questions

Home Tags Terms of Service Privacy Policy DMCA Contact Us Javascript

©2020 All rights reserved.