CSS Media Queries Test (beta)

by @firt | blog | mobile html5 | books | about me

Media queries, the heart of Responsive Web Design, is a W3C CSS3 standard .

Mozilla and Safari support extensions; A new standard dppx unit is available on some browsers; Microsoft has extensions but only for HTML5 Windows Store apps.

This website creates media queries and evalute them dynamically in your browser. Try it on your mobile using the QR code or accessing m.ad.ag

Most useful attributes

Device pixel ratio extensions

CSS4 additions

Mozilla extensions

WebKit extensions

Custom queries