移动端适配方案----flexible.js

使用 flexible.js解决 各种不同的移动端设备兼容自适应的问题。

通过js来动态调整html的字体大小，改变1rem的大小； 在html头部script标签里引入 flexible.js 就可以使用或者

<script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>

1.真实设备下动态更改html字体的大小

设备宽	320px	375px	414px	640px
html字体大小	32px	37.5px	41.4px	64px
1rem大小等于html字体大小	1rem	1rem	1rem	1rem

2.根据设计图尺寸的换算关系

设计图尺寸	640px	750px
转换成rem	64rem	75rem
换算关系	10:1	10:1
80*80图	1.25rem*1.25rem	1.066666rem*1.066666rem

注释：一般情况下设计图按照iPhone5或者iPhone6来设计的，设计图为真实设备的2x图