Viewport units

The vw, vh, vmin, and vmax CSS viewport units are relative to the size of the viewport, and are used to size elements in relation to the viewport's dimensions.

Baseline Status: Achieved Widely Available on Apr 17, 2020 (Cross-browser Newly Available since Oct 17, 2017).

Desktop Browser Engine Support

Google Chrome

26

Supported

Mozilla Firefox

19

Supported

Apple Safari

7

Supported

Microsoft Edge

16

Supported

Mobile Browser Engine Support

Chrome Android

26

Firefox Android

19

Safari iOS

7

Specifications and References

Specification ↗ Can I Use (viewport-units) ↗ Feature XML ↗

MDN Browser Compat Data Keys:

css.types.length.vh ↗ css.types.length.vmax ↗ css.types.length.vmin ↗ css.types.length.vw ↗