移动端的自适应方法
框架下载
https://github.com/amfe/lib-flexible
可使用上一篇文章中的git clone把相关文件下载到本地。
或者直接引用
<script src="http://g.tbcdn.cn/mtb/lib-flexible/{{version}}/??flexible_css.js,flexible.js"></script>
建议对于js做内联处理，在所有资源加载之前执行这个js。
执行这个js后，会在html（也就是document.documentElement）上增加一个data-dpr属性，以及font-size样式，可在网页操作台查看。
之后页面中的元素，都可以用rem单位来设置。html上的font-size就是rem的基准像素。
把视觉稿中的px转换成rem
首先，目前视觉稿大小分为640，750以及，1125这三种。
当前方案会把这3类视觉稿分成100份来看待（为了以后兼容vh，vw单位）。每一份被称为一个单位a。同时，1rem单位认定为10a。拿750的视觉稿举例：
1a = 7.5px
1rem = 75px