CSS: is it safe to use nested media queries in 2016?

All the streams that I found regarding nested media queries are several years old.

With the widespread adoption of CSS3, is it currently considered that embedded media queries are considered safe for use in production?

Will a CSS3-enabled browser fully support nested media queries? Or is this not always the case? In this case, which browsers do not support nested media queries?

EDIT:

An example of a nested media query to illustrate:

@media screen and (min-width: 1024px) {
   body {
       background-color: blue;
   }

   @media (-webkit-min-device-pixel-ratio: 1.5) {
       body {
           background-color: red;
       }
   }
}
+4
source share

Source: https://habr.com/ru/post/1623076/


All Articles