css常见单位px、em、rem、vh、vw、vmin、vmax说明

1、px

相对单位，像素，相对于显示器屏幕分辨率而言

2、em

相对单位，相对于父元素的font-size，具有继承的特点。如果自身定义了font-size按自身来计算，整个页面内1em不是一个固定的值

3、rem

相对单位，可理解为”root em”， 相对根节点html的字体大小来计算，CSS3新加属性

4、vw

vw：viewpoint width，视窗宽度，1vw等于视窗宽度的1%。

5、vh
vh：viewpoint height，视窗高度，1vh等于视窗高度的1%。

6、vmin
vmin：vw和vh中较小的那个。

7、vmax
vmax：vw和vh中较大的那个。

 

其它：

in:寸

cm:厘米

mm:毫米

pt:point，大约1/72寸

pc:pica，大约6pt，1/6寸

1in = 2.54cm = 25.4 mm = 72pt = 6pc = 96px