css单位
1、绝对单位
px： 逻辑像素，绝对单位
2、相对单位
em： 基准点为父节点字体的大小
rem： 相对根元素字体大小来计算
vw： 视口宽度， 将视口宽度的1% viewport-width
vh： 视口高度， 将视口高度的1%
vmin：vw和vh中较小的那个
vmax：vw和vh中较大的那个

最常用的css单位

px

• px是一个绝对单位

em

• em是一个相对单位,改变font-size的大小时，它的尺寸就会发生变化。
• 在没有任何CSS规则的前提下，1em的长度是：16px
• 如果有任何CSS规则改变了字体大小（不管在文档的什么位置），1em的长度会变成相对于新的font-size的大小。
• em单位当设置了font-size属性后，它会逐级向上相乘

rem

rem和em一样也是一个相对单位，但是和em不同的是rem总是相对于根元素，而不像em一样使用级联的方式来计算尺寸。这种相对单位使用起来更简单。

值得注意的浏览器支持问题： IE8，, Safari 4或 iOS 3.2中不支持rem单位。