1 <!DOCTYPE html>
2 <html><head>
3 <meta charset="utf-8">
4 <title>
5 CSS Values and Units Test:
6 Viewports units are supported in @viewport rules
7 </title>
8 <meta content="
9 Viewports units are supported in @viewport rules
10 " name="assert">
11
12 <link href="mailto:fremycompany.developer@yahoo.fr" rel="author" title="François REMY">
13
14 <link href="http://www.w3.org/TR/css3-values/#viewport-relative-lengths" rel="help">
15 <link href="https://drafts.csswg.org/css-device-adapt-1/" rel="help">
16
17 <link href="reference/all-green.htm" rel="match">
18
19 <style type="text/css">
20
21 html, body { margin: 0px; padding: 0px; overflow: hidden; }
22
23 @viewport { width: 1vw; }
24
25 html { background: red; }
26 #target { background: green; width: 100vw; height: 100vh; }
27
28 </style>
29
30 </head>
31 <body>
32
33 <div id="target"></div>
34
35
36
37 </body></html>