| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>Media Queries - viewport units support</title> |
| <script src="../../resources/testharness.js"></script> |
| <script src="../../resources/testharnessreport.js"></script> |
| <script> |
| test(function(){ |
| assert_true(matchMedia('(max-width: 100vw)').matches); |
| }, "vw unit sanity check"); |
| test(function(){ |
| assert_true(matchMedia('(max-height: 100vh)').matches); |
| }, "vh unit sanity check"); |
| test(function(){ |
| assert_true(matchMedia('(max-width: 100vmax)').matches); |
| }, "vmax unit sanity check"); |
| test(function(){ |
| assert_true(matchMedia('(max-height: 100vmin)').matches); |
| }, "vmin unit sanity check"); |
| </script> |
| </head> |
| <body> |
| <h1>Description</h1> |
| <p>This tests validates that the viewport units work in media queries.</p> |
| </body> |
| </html> |