px、em、rem、vw、vh、rpx区别

• px：绝对长度单位，来描述一个元素的宽高以及定位信息
• em：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算（浏览器默认16px）em作为字体单位，相对于父元素字体大小；em作为行高单位时，相对于自身字体大小，整个页面内 1em 不是一个固定的值。
• rem：相对单位，可理解为”root em”，相对根节点html的字体大小来计算，CSS3新加属性，rem作用于非根元素时，相对于根元素字体大小；rem作用于根元素字体大小时，相对于其初始字体大小。
• vw 相对于视窗的宽度，vh 相对于视窗的高度，1 vw 等于1/100的视口宽度，1 vh 等于1/100的视口高度。
• rpx：微信小程序独有的、解决屏幕自适应的尺寸单位。