<?xml version="1.0" encoding="UTF-8"?>
<feature id="viewport-unit-variants"><name>Small, large, and dynamic viewport units</name><description>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&#39;s dimensions.</description><baseline><status>widely</status><low_date>2022-12-05</low_date><high_date>2025-06-05</high_date></baseline><support><browser name="chrome" version="108" supported="true"></browser><browser name="firefox" version="101" supported="true"></browser><browser name="safari" version="15.4" supported="true"></browser><browser name="edge" version="108" supported="true"></browser><browser name="chrome_android" version="108" supported="true"></browser><browser name="firefox_android" version="101" supported="true"></browser><browser name="safari_ios" version="15.4" supported="true"></browser></support><specifications><spec>https://drafts.csswg.org/css-values-4/#viewport-variants</spec><spec>https://drafts.csswg.org/css-values-4/#viewport-relative-lengths</spec></specifications><caniuse><id>viewport-unit-variants</id></caniuse><mdn_url>https://developer.mozilla.org/docs/Web/CSS/Reference/Values/length</mdn_url><compat_features><key>css.types.length.vb</key><key>css.types.length.vi</key><key>css.types.length.viewport_percentage_units_dynamic</key><key>css.types.length.viewport_percentage_units_large</key><key>css.types.length.viewport_percentage_units_small</key></compat_features><canonical_url>https://nowyoucanuse.com/features--viewport-unit-variants.html</canonical_url></feature>