关于尺寸单位
px
px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。
em
em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。
特点：
- em的值并不固定
- em会继承父级元素的字体大小
tips:一般浏览器（如chrome）的默认字体高是16px。则1em=16px。那么12px=0.75em,10px=0.625em。为了简化font-size的换算，需要在css中的body选择器中声明Font-size=62.5%，这就使em值变为 16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10，然后换上em作为单位就行了。
rem
rem是CSS3新增的一个相对单位（root em，根em）与em的区别在于使用rem为元素设定字体大小时，虽然仍然是相对大小，但相对的只是HTML根元素。rpx
rpx（responsive pixel）的出现是微信小程序为了解决自适应屏幕尺寸而推出的尺寸单位，微信小程序规定屏幕的宽度为750rpx，为20rem，拿ipone6，屏幕宽度375px进行举例，所以1rpx
= 350 / 750 = 0.5px
1rem = (750/20)rpx = 37.5rpx
