CSS Click Chart

Media Queries

Lets you serve different styles to a browser depending on various media types (print, screen, etc) and media conditions (screen size, portrait, landscape, etc.).


Media Queries Level 3 on W3C

Example Code

Live Demonstration

Resize the browser window to cross the 1200px and 480px thresholds and the background color of this paragraph will change.

Browser Support

Can I Use css-mediaqueries? Data on support for the media-queries feature across the major browsers from caniuse.com.

Tools / Polyfills

Tutorials / Articles