CSS Viewport Units: vh, dvh, svh, lvh
See how tall 100vh, 100dvh, 100svh, and 100lvh are in pixels on this browser—so you can choose the right unit for full-height layouts.
Measuring units…
Why vh and dvh differ
On mobile, 100vh historically ignored the address bar, causing sections to overflow. Modern CSS adds dvh (dynamic),svh (small), and lvh (large) viewport heights so full-screen UIs can track visible space more accurately.
Pair with live pixel readouts from what is my viewport.
vmin & vmax
The table includes 100vmin and 100vmax—the smaller and larger of viewport width vs height, useful for square-ish cards and hero sections.