Small, large, and dynamic viewport unitsBaseline · Widely available

The sv*, lv*, and dv* CSS viewport units are relative to the smallest, largest, and current (dynamic) viewport size. They are used to size elements in relation to the viewport's dimensions.

Supported in all major browsers for at least 30 months — safe to use without fallbacks. Baseline since Dec 5, 2022. Widely available since Jun 5, 2025.

How to use ↓Compare browsers

Browser support

DesktopChrome

1–107Not supported

108+Supportedsince Nov 29, 2022

Current: 155

Edge

12–107Not supported

108+Supportedsince Dec 5, 2022

Current: 154

Firefox

1–100Not supported

101+Supportedsince May 31, 2022

Current: 157

Safari

1–15.3Not supported

15.4+Supportedsince Mar 14, 2022

Current: 27

MobileChrome Android

18–107Not supported

108+Supportedsince Nov 29, 2022

Current: 155

Firefox Android

4–100Not supported

101+Supportedsince May 31, 2022

Current: 157

Safari iOS

1–15.3Not supported

15.4+Supportedsince Mar 14, 2022

Current: 27

How to use

This feature is Baseline widely available — use it freely, no fallback needed.

Example

Full syntax and examples are on MDN — see the links below.

Feature detection

CSS · check before using

@supports (height: 100dvh) {
  /* styles that use viewport_percentage_units_dynamic */
}

/* or in JavaScript */
if (CSS.supports("height", "100dvh")) {
  // use it
}

Specification

Usage share

caniuse.com/viewport-unit-variants ↗

Sub-features

Support for each part of the feature (5). The overall table above shows when the whole feature works.

Sub-feature	Chrome	Edge	Firefox	Safari	Chrome Android	Firefox Android	Safari iOS
<length>.vb	108	108	101	15.4	108	101	15.4
<length>.vi	108	108	101	15.4	108	101	15.4
<length>.viewport_percentage_units_dynamic	108	108	101	15.4	108	101	15.4
<length>.viewport_percentage_units_large	108	108	101	15.4	108	101	15.4
<length>.viewport_percentage_units_small	108	108	101	15.4	108	101	15.4