css长度单位

em/ex/ch/rem/vw/vh/vmin/vmax/cm/mm/q/in/pt/pc/px/

1、em

相对单位。

2、ex

相对单位。相对于字符小写x的高度，一般为普通字号大小的一半。x的高度 = 1/2 * (任意字符)font-size 的大小。 1ex = x的高度。

3、ch

相对单位。相对于字符数字0的宽度。 1ch = 一个数字0的宽度。

4、rem

相对单位。相对于文档树中的根元素（文档树中最顶层结构的元素，不同场景下根元素不同，比如html文档，
xml文档，svg文档[咱也不懂这个]。）的font-size。1 rem = 1个font-size;

5、vw/vh/vmin/vmax

相对单位。v：view。w:width。h:height。将—可视窗口宽度/可视窗口高度/可视窗口宽高较小的那个/可视窗口宽高较大的那个—
均分成100份。比如，声明一个aa = vw/vh/vmin/vmax的其中一个。 1aa === 1vw/vh/vmin/vmax。那么，5aa = 可视窗口的width/height / 100 * 5。

6、cm

绝对单位。厘米。

7、mm

绝对单位。毫米。

8、q

绝对单位。1/4mm（quarter-millimeters）。

9、in

绝对单位。英寸（Inches）。

10、pt

绝对单位。点（Points）。

11、pc

绝对单位。派卡（Picas），相当于我国新四号铅字的尺寸。

12、px

绝对单位。像素。

总结：

相对单位：em/ex/ch/rem/vw/vh/vmin/vmax。
绝对单位：cm/mm/q/in/pt/pc/px。
1in = 2.54cm = 25.4mm = 101.6q = 72pt = 6pc = 96px

参考链接