Categories
Responsive Workflow

Responsive Design – Test a Batch of Media Queries

The handy window.matchMedia JavaScript method lets you test a media query against the current viewport.

I made a little tool to test a batch of media queries at once. It simply iterates an array and reports success/failure.

Note that results won’t be accurate when a vendor prefixed media query is unsupported.

Responding

Run the test page here & now

Have your way with this tool on Github.