Web features explorer - Small, large, and dynamic viewport units

Tags: css

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.

Compatibility (view on caniuse.com)

Chrome 108 Released on 2022-11-29
Chrome Android 108 Released on 2022-11-29
Edge 108 Released on 2022-12-05
Firefox 101 Released on 2022-05-31
Firefox for Android 101 Released on 2022-05-31
Safari 15.4 Released on 2022-03-14
Safari on iOS 15.4 Released on 2022-03-14

Specifications

CSS Values and Units Module Level 4 (#viewport-variants), from Cascading Style Sheets (CSS) Working Group (W3C).
CSS Values and Units Module Level 4 (#viewport-relative-lengths), from Cascading Style Sheets (CSS) Working Group (W3C).