CSS-em/px/rem/vh/vw

• Px：像素，是相对于显示器屏幕分辨率而言的
• em：是相对长度单位。相对于当前对象内文本的字体尺寸（参考物是父元素的font-size），如当前父元素的字体尺寸未设置，则相对于浏览器的默认字体尺寸

特点：

em的值并不是固定的

em会继承父级元素的字体大小

• rem是相对长度单位。相对于HTML根元素的字体大小（font-size）来计算的长度单位

        如果没有设置html的字体大小，就会以浏览器默认字体大小，一般是16px

         rem兼容性：除了IE8及更早版本外，所有浏览器均已支持rem

        em与rem的区别：

        rem是相对于根元素（html）的字体大小，而em是相对于其父元素的字体大小

• vw、vh

        vw、vh、vmax、vmin这四个单位都是基于视口

        vw是相对视口（viewport）的宽度而定的，长度等于视口宽度的`1/100`

        假如浏览器的宽度为200px，那么1vw就等于2px（200px/100）

        vh是相对视口（viewport）的高度而定的，长度等于视口高度的`1/100`

        假如浏览器的高度为500px，那么1vh就等于5px（500px/100）

        vmin和vmax是相对于视口的高度和宽度两者之间的`最小值`或`最大值`