| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>CSS Test: @media <length> values are evaluated with greater-than-int precision.</title> |
| <meta name="assert" content="All boxes are blue."> |
| <style> |
| div { |
| display: inline-block; |
| width: 250px; |
| height: 250px; |
| margin: 30px; |
| background-color: blue; |
| } |
| @media (min-width: 99999999999px) { |
| #box-one { |
| background-color: yellow; |
| } |
| } |
| @media (min-height: 99999999999px) { |
| #box-two { |
| background-color: yellow; |
| } |
| } |
| @media (min-device-width: 99999999999px) { |
| #box-three { |
| background-color: yellow; |
| } |
| } |
| @media (min-device-height: 99999999999px) { |
| #box-four { |
| background-color: yellow; |
| } |
| } |
| </style> |
| </head> |
| <body> |
| <div id="box-one"></div> |
| <div id="box-two"></div> |
| <div id="box-three"></div> |
| <div id="box-four"></div> |
| </body> |
| </html> |
| |
