css中常用的单位：em、ch、%、vw/vh、rem 介绍

相对长度单位

% 百分比，相对于父元素的大小占比

em 相对于当前元素的font-size的计算值

rem 相对于根元素（html）的字体大小的单位

vh/vw 可视区域的高度/宽度（100vh/vw 表示 全屏幕高/宽）

vmax/vmin vh/vw中 较大/较小的值

ch 相对于所用字体中“0”这一字形的宽度。1ch表示这个字体中一个“0”的宽度

ex 所用字体中小写 x （即"x"）的高度，1ex表示这个字体中小写“x”的高度

fr 网格布局中引入的长度单位，表示grid布局中剩余空间的一部分（1fr=100%空间，当fr>1,则会重新按比例分配）

绝对长度单位

px 像素 普通屏幕的长度单位

cm/mm 厘米/毫米

in/pt in 英寸/pt 磅（1pt=1/72in）

pc 12点活字（1pc=12点）