Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Which browsers already support Media Queries Level 4?

Tags:

css

Which browsers already support some of these attributes? http://dev.w3.org/csswg/mediaqueries4/

This one f.e. does not work on iOS7, iPhone 4S

@media (luminosity: normal) {
    body {
        background: #f5f5f5;
        color: #262626;
    }
}

@media (luminosity: dim) {
    body {
        background: #e9e4e3;
    }
}

@media (luminosity: washed) {
    body {
        background: #ffffff;
    }
}
like image 641
fabian Avatar asked Nov 25 '13 14:11

fabian


People also ask

Are media queries still used?

Media queries can and should still be used for page layouts, which are usually at the very top level of the DOM and not nested in another container. They're best suited for this because the main page layout should not adapt to anything other than the viewport.


1 Answers

Here, on CanIUse, you can find updated and current support for many CSS properties. In this specific case, some of Level 4 Media are already supported even if in not standard way, such as:

  1. "API for finding out whether or not a media query applies to the document"
  2. "Method of accessing external device data (such as a webcam video stream)"
like image 151
Luca Detomi Avatar answered Sep 21 '22 16:09

Luca Detomi