CSS Length Units vh and vw


Example

CSS3 introduced two units for representing size.

  • vh, which stands for viewport height is relative to 1% of the viewport height
  • vw, which stands for viewport width is relative to 1% of the viewport width
3
div { 
  width: 20vw; 
  height: 20vh;
}

Above, the size for the div takes up 20% of the width and height of the viewport