| <!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> |
