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

License

© 2016 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-us/docs/web/css/media_queries

CSS Media Queries Overview Reference