1）为什么使用rem做适配？

答：当你使用px做单位的时候，在不通分辨率的手机型号，他显示的大小就是设定的多少px，当手机尺寸大时，那么元素就会显得很小，当手机分辨率过小时，元素就会显得很大，因为我们引入rem单位，根据不通分辨率来做px适配，这样使元素大小更加合适。

2）什么是rem

rem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单位，em（font size of the element）是指相对于父元素的字体大小的单位。它们之间其实很相似，只不过一个计算的规则是依赖根元素一个是依赖父元素计算

3）我们怎么根据不通分辨率的手机给出根元素html的font-size呢？

我们可以安装淘宝的lib-flexible插件，他会根据不通的手机尺寸，来给定根元素html的font-size大小，这样只要font-size变化了，其他就具有哦响应式了

4）页面里写px，根据插件自动将px转化成rem

我们可以用pxtorem自动转化插件，这里的rootValue，一般是设计稿width/100,我们这里写的是37.5，也就是37.5px=1rem

5）举例：

根据lib-flexible插件计算出iPhone 5/5E 的根元素的font-size是32px，页面内登录按钮的height：45px，根据我们设定的换算基础37.5px=1rem，计算出btn的height为1.2rem，又由于跟元素的font-size：32px,那么在这里btn的实际height：38.4px

再换一个手机型号，根元素的font-size 41.44px  那么实际按钮的height=41.44px*1.2rem=49.728px