1 <!DOCTYPE html SYSTEM "about:legacy-compat">
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <title>CSS Media Queries Test: min-width length value approximation</title>
6 <link rel="author" title="Chris Rebert" href="http://chrisrebert.com">
7 <link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/#width">
8 <link rel="help" href="http://www.w3.org/TR/mediaqueries-4/#width">
9 <link rel="help" href="http://www.w3.org/TR/css3-values/#length-value">
10 <link rel="match" href="reference/ref-filled-green-100px-square.htm">
11 <meta name="flags" content="">
12 <meta name="assert" content="min-width length values that are too large to be supported must be clamped, rounded to infinity, or approximated, but not overflowed to a small or negative value.">
13 <style>
14 div {
15 width: 100px;
16 height: 100px;
17 background-color: green;
18 }
19 @media (min-width: 9999999999px) {
20 div {
21 background-color: red;
22 }
23 }
24 </style>
25 </head>
26 <body>
27 <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
28 <div></div>
29 </body>
30 </html>