Pixel (px)
Represents a dot on the screen. 1px = 1 dot
em
Represents a calculated value based on the container's font size where 1em equals 100% of the font size. If the container has no specified font size, the inherited font size will be used.
rem
Represents a calculated value based on the root element's font size where 1rem equals 100% of the font size. The root is usually the html element. The :root pseudo element could also be used.
vh
Represents a calculated value based on the height of the viewport where 1vh equals 1% of the viewport height.
vw
Represents a calculated value based on the width of the viewport where 1vw equals 1% of the viewport width.
vmin
Represents a calculate value based on the smaller value between the viewport's height and width where 1vmin equals 1% of the smaller value.
vmax
Represents a calculate value based on the bigger value between the viewport's height and width where 1vmin equals 1% of the smaller value.
Top comments (0)