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

使用 flexible.js解决 各种不同的移动端设备兼容自适应的问题。
通过js来动态调整html的字体大小,改变1rem的大小; 在html头部script标签里引入 flexible.js 就可以使用或者
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图


你可能感兴趣的:(js)