1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
|
<!DOCTYPE html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
margin: 0;
}
div {
display: inline-block;
width: 1px;
}
</style>
</head>
<body>
<div id="fixed" style="position: fixed; width: 100%; height: 100%;"></div>
<div id="vw" style="height: 100vw;"></div>
<div id="vh" style="height: 100vh;"></div>
<div id="vmin" style="height: 100vmin;"></div>
<div id="vmax" style="height: 100vmax;"></div>
<div id="vb" style="height: 100vb;"></div>
<div id="vi" style="height: 100vi;"></div>
<div id="svw" style="height: 100svw;"></div>
<div id="svh" style="height: 100svh;"></div>
<div id="svmin" style="height: 100svmin;"></div>
<div id="svmax" style="height: 100svmax;"></div>
<div id="svb" style="height: 100svb;"></div>
<div id="svi" style="height: 100svi;"></div>
<div id="lvw" style="height: 100lvw;"></div>
<div id="lvh" style="height: 100lvh;"></div>
<div id="lvmin" style="height: 100lvmin;"></div>
<div id="lvmax" style="height: 100lvmax;"></div>
<div id="lvb" style="height: 100lvb;"></div>
<div id="lvi" style="height: 100lvi;"></div>
<div id="dvw" style="height: 100dvw;"></div>
<div id="dvh" style="height: 100dvh;"></div>
<div id="dvmin" style="height: 100dvmin;"></div>
<div id="dvmax" style="height: 100dvmax;"></div>
<div id="dvb" style="height: 100dvb;"></div>
<div id="dvi" style="height: 100dvi;"></div>
</body>
|
