Skip to content


Subversion checkout URL

You can clone with
Download ZIP
Fetching contributors…
Cannot retrieve contributors at this time
20 lines (16 sloc) 1001 Bytes
<!DOCTYPE html>
<meta charset="utf-8" />
<title>Respond JS Test Page</title>
<link href="test.css" rel="stylesheet"/>
<link href="test2.css" media="screen and (min-width: 37.5em)" rel="stylesheet"/> <!-- 37.5em = 600px @ 16px -->
<script src="../respond.src.js"></script>
<p>This is just a visual test file, and an ugly one at that! For unit tests, visit the <a href="unit/"> Respond.js unit test suite</a></p>
<p>The media queries in the included CSS file simply change the body's background color depending on the browser width. If you see any colors aside from black, then the media queries are working in your browser. You can resize your browser window to see it change on the fly.</p>
<p>For a realistic use case for media queries: read up on <a href="">Responsive Web Design</a></p>
<p id="attribute-test">Media-attributes are working too! This should be visible above 37.5em.</p>
Jump to Line
Something went wrong with that request. Please try again.