CSS has had viewport units like vw
, vh
, vmin
, and vmax
for years with a great browser support. These units work fine in nearly all the scenarios except on a mobile where the height of the viewport (unit) changes as the page is scrolled up and the browser interface hides away.
Recently, a few new level-4 css units were announced as browser standards to address this issue.