CSS 单位转换

px、rem、em、vw、pt 等 CSS 单位互相转换

px

16

像素

rem

1

基于根字体 16px

em

1

基于父元素 16px

vw

0.8333

基于视口宽 1920px

vh

0.8333

基于视口高 1920px

pt

12

印刷点

cm

0.4233

厘米

mm

4.2333

毫米

in

0.1667

英寸

CSS 单位说明

px - 像素,最常用的绝对单位
rem - 相对于根元素 (html) 字体大小
em - 相对于父元素字体大小
vw/vh - 视口宽度/高度的百分比
pt - 印刷点,1pt = 1/72 英寸
cm/mm - 厘米/毫米

相关工具