Sha256: a97dcdfc12e772879712b046b21e3c1d77896f48dfe53a57b5f0b0062e82053d
Contents?: true
Size: 1001 Bytes
Versions: 4
Compression:
Stored size: 1001 Bytes
Contents
<!DOCTYPE html> <html> <head> <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> </head> <body> <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="http://www.alistapart.com/articles/responsive-web-design/">Responsive Web Design</a></p> <p id="attribute-test">Media-attributes are working too! This should be visible above 37.5em.</p> </body> </html>
Version data entries
4 entries across 4 versions & 1 rubygems