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