CSS 长度单位

相对长度

em 相对于元素的字体大小(font-size)(2em 表示当前字体大小的 2 倍)
rem 相对于根元素的字体大小(font-size)

vw 相对于 Viewport 宽度的 1%
vh 相对于 Viewport 高度的 1%

vmin 相对于 Viewport 较小尺寸的 1%
vmax 相对于 Viewport 较大尺寸的 1%

% 相对于父元素

ex 相对于当前字体的 x-height(极少使用)
ch 相对于 “0”(零)的宽度

绝对长度

不建议使用

px 像素 (1px = 1/96th of 1in)
pt 点 (1pt = 1/72 of 1in)
pc 派卡 (1pc = 12 pt)

cm 厘米
mm 毫米
in 英寸 (1in = 96px = 2.54cm)

对于低 dpi 的设备,1px 是显示器的一个设备像素(点)。对于打印机和高分辨率屏幕,1px 表示多个设备像素。