Small, large, and dynamic viewport units

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.

Baseline Status: Achieved Widely Available on Jun 5, 2025 (Cross-browser Newly Available since Dec 5, 2022).

Desktop Browser Engine Support

Google Chrome

108

Supported

Mozilla Firefox

101

Supported

Apple Safari

15.4

Supported

Microsoft Edge

108

Supported

Mobile Browser Engine Support

Chrome Android

108

Firefox Android

101

Safari iOS

15.4

Specifications and References

Specification ↗ Specification ↗ Can I Use (viewport-unit-variants) ↗ Feature XML ↗

MDN Browser Compat Data Keys:

css.types.length.vb ↗ css.types.length.vi ↗ css.types.length.viewport_percentage_units_dynamic ↗ css.types.length.viewport_percentage_units_large ↗ css.types.length.viewport_percentage_units_small ↗