Dynamic viewport units (dvh, svh, lvh)
type: TechArticle
description: On mobile, 100vh is taller than the screen because it ignores the browser's collapsing toolbar. Use dvh, svh, and lvh to size full-height elements to the viewport that is actually visible.
language: en
is part of: Web Specification Studio
author: Web Specification Studio
publisher: Web Specification Studio
license: https://creativecommons.org/licenses/by/4.0/
date modified: 2026-06-08T00:00:00.000Z
citation: CSS Values and Units Module Level 4 — Viewport-relative lengths
  type: CreativeWork
  publisher: W3C CSSWG
citation: MDN — Viewport-percentage lengths
  type: CreativeWork
  publisher: MDN
citation: web.dev — The large, small, and dynamic viewport units
  type: CreativeWork
  publisher: web.dev

Web Specification Studio
type: WebSite

Web Specification Studio
type: Organization

breadcrumb
type: BreadcrumbList
item list element: Home
  type: ListItem
  position: 1
  item: https://webspecification.com/
item list element: Spec
  type: ListItem
  position: 2
  item: https://webspecification.com/spec/
item list element: Performance
  type: ListItem
  position: 3
  item: https://webspecification.com/spec/performance/
item list element: Dynamic viewport units (dvh, svh, lvh)
  type: ListItem
  position: 4
  item: https://webspecification.com/spec/performance/dynamic-viewport-units/