rem,em,px,vw,vh

px绝对单位

rem相对body的fontsize

em相对自身的fontsize或者父的fontsize， 都是fontsize的计算值
假设font-size 20px
1.5em 1.520 = 30px
150% 150%20 = 30px
1.5 1.5*20 = 30px

vw 相对浏览器视口宽的1%
vh 相对浏览器视口高的1%

body 设置fontsize， 然后其他元素的单位用rem来做适配。

关键是如何定body的fontsize – 基数

淘宝的flexble的实现方式：

i4 i5 i6的dpr是2

那么 1/2 = 基数/视口 = 基数/320 = 基数/375

所以等到基数 640 750 ，未来计算方便，750/10 = 75

一般设计图取750来做，body fontsize 取75， 其他元素按75px为1rem

i6plus的dpr是3 414

那么基数是 414*3/10 = 124.2

其他的手机按dpr=1来做。

这个方案解决了：
border: 1px问题
图片高清问题
屏幕适配布局问题

其他的适配方式：

直接使用css，媒体查询，查询各种屏的尺寸、dpr，然后来确定body fontsize