Media queries

Media Queries is a module of CSS that defines expressions allowing developers to tailor presentation to a specific range of output devices without changing the content itself.

Reference

At-rules

Guides

Using media queries
Presents what media queries are doing and explains the possible expressions.
Testing media queries
Explains how to test a media query programmatically, from JavaScript.

Specifications

Specification Status Comment
CSS Conditional Rules Module Level 3 Candidate Recommendation  
Media Queries Level 4 Working Draft  
Media Queries Recommendation  
CSS Level 2 (Revision 1) Recommendation Initial definition

Browser compatibility

Feature Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari
Basic support 1.0 (Yes) 1.0 (1.7 or earlier) 9.0 9.2 1.3
Feature Android Edge Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support 1.0 (Yes) 1.0 (1.7) 9.0 9.0 3.1

Document Tags and Contributors

 Contributors to this page: chrisdavidmills, erikadoyle, ibizcox, Sebastianz, teoli, sujeetkalaskar
 Last updated by: chrisdavidmills,