CSS3 introduced two units for representing size.
vh
, which stands for viewport height
is relative to 1% of the viewport heightvw
, which stands for viewport width
is relative to 1% of the viewport widthdiv {
width: 20vw;
height: 20vh;
}
Above, the size for the div takes up 20% of the width and height of the viewport