Skip to main content

vh / vw Calculator

v1.0.0

Viewport unit helper — handle mobile addressbar quirks with svh / lvh / dvh recommendations.

Result
Value: 100svh

What it means:
  • Small Viewport Height — the viewport when the browser UI is fully visible
  • Safest for "at least visible on screen" guarantees
  • Recommended for hero sections and sticky headers on mobile
  • Browser support: Chrome 108+, Safari 15.4+, Firefox 101+

CSS usage:
  height: 100svh;
  min-height: 100svh;

Fallback pattern:
  height: 100vh;  /* fallback */
  height: 100svh;