借鉴手淘方案,`adaptive.js`将整个页面宽度平均分成10份,以`clineWidth / 10`的结果作为`html`标签的`font-size`值。
?
布局中使用`rem`作为单位。
举例:某UI设计出来的手机页面宽为`750px`,那么分成十份后为`75px`,此时`html`标签的`font-size: 75px`,布局时某一模块在设计稿上宽为`100px`,转成`rem`则为:`100 / 75 = 1.3333rem`;在css中则为:`width: 1.3333rem`。
?
`adaptive.js`非常小巧,压缩后的`adaptive.min.js`大小只有1KB。
`adaptive.js`不依赖任何js库,你可以在head标签内引用`adaptive.min.js`后即可直接使用