CSS Measurement Units
Unit
Example
Description
Convert Unit
In Pixel
px
5px
A dot in the digital device
px
5px
%
50%
Percentage of the containing element
%
8px
em
2em
Relative to the font-size of the element. (font-size: 20px)
em
32px
rem
2rem
Relative to the font-size of the root element
rem
32px
vh
10vh
Relative to 1% of the height of the viewport
vh
71.8px
vw
5vw
Relative to 1% of the width of the viewport
vw
72px
vmin
10vmin
Relative to 1% of the minimum viewport dimension
vmin
71.8px
vmax
15vmax
Relative to 1% of the maximum viewport dimension
vmax
216px