通俗易懂——css长度单位：px、em、rem、vh、vw、in、...

单位	解析
px	绝对单位。像素
em	相对单位。相对于其父元素的font-size，如父元素font-size: 12px；那么子元素1em = 12px，1em = 24px，…
rem	相对单位。相对于其根元素（）的font-size，如html{font-size: 12px}；那么页面中1em = 12px，1em = 24px，…
vw	相对单位。相对页面视口的宽度，页面总宽度为100vw，页面宽度的1% = 1vw
vh	相对单位。相对页面视口的高度，页面总高度为100vw，页面高度的1% = 1vh
vmin	相对单位。相对于页面视口的宽度与高度，取其最小值；如页面宽1000px，高1200px，那么1vmin = 10px
vmax	相对单位。相对于页面视口的宽度与高度，取其最大值；如页面宽1000px，高1200px，那么1vmin = 12px
%	相对单位。相对于父元素的宽度；如父元素宽100px，那么1% = 1px
in	绝对单位，寸
cm	绝对单位，厘米
mm	绝对单位，毫米
pt	绝对单位，point，大约 1/72寸
pc	绝对单位，pica，大约6pt，1/6寸