CSS3 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 on W3C

Example Code

Live Demonstration

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

Browser Support

Tools / Polyfills


Tutorials / Articles

How to Use CSS3 Media Queries...
Responsive Web Design

Fork me on GitHub