<!doctype html> <html> <head> <title>Test: support for calc in Media Queries</title> <link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> <link rel="help" href="http://www.w3.org/TR/css3-values/#calc-notation"> <link rel="match" href="../reference/ref-filled-green-100px-square.xht"> <meta name="assert" content="calc can be used in Media Queries"> <style> div { width: 100px; height: 100px; background-color: red; } @media (min-width: calc(1px - 1px)){ div { background-color: green; } } </style> </head> <body> <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> <div></div> </body> </html>