Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

Media queries

Media Queries is a module of CSS that defines expressions allowing to tailor presentations 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 Firefox (Gecko) Internet Explorer Opera Safari
Basic support 1.0 1.0 (1.7 or earlier) 9.0 9.2 1.3
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support 1.0 1.0 (1.7) 9.0 9.0 3.1

Document Tags and Contributors

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