<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> CSS Values and Units Test: 0vh and 0vw are correctly treated as 0px </title> <meta name="assert" content=" 0vh and 0vw are correctly treated as 0px " /> <link rel="author" title="François REMY" href="mailto:fremycompany.developer@yahoo.fr" / > <link rel="help" href="http://www.w3.org/TR/css3-values/#viewport-relative-lengths"> <link rel="match" href="reference/all-green.html" /> <style type="text/css"> html, body { margin: 0px; padding: 0px; } html { background: red; font-size: 100vw; } #target { background: green; width: 1rem; height: 1em; font-size: 100vh; } </style> </head> <body> <div id="target"></div> </body> </html>