Media queries

The @media CSS rule conditionally applies styles based on the output device type, its capabilities, and the user's preferences. Media queries are composed of an optional media type such as screen or print, and one or more mandatory media features, such as prefers-reduced-animations.

Baseline Status: Achieved Widely Available on Jan 29, 2018 (Cross-browser Newly Available since Jul 29, 2015).

Desktop Browser Engine Support

Google Chrome

1

Supported

Mozilla Firefox

1

Supported

Apple Safari

3

Supported

Microsoft Edge

12

Supported

Mobile Browser Engine Support

Chrome Android

18

Firefox Android

4

Safari iOS

1

Specifications and References

Specification ↗ Can I Use (css-mediaqueries) ↗ Feature XML ↗

MDN Browser Compat Data Keys: