欢迎来到懒人模板!我们专注移动互联网,所有模板永久免费下载!
  • 首 页
  • 当前位置:主页 > 手机js特效 > 前端框架 >

    手机移动端基于adaptive.js的页面布局源代码免费下载

    2019-07-12 09:20 来源/作者:懒人模板 分类:前端框架  « »
    借鉴手淘方案,`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`后即可直接使用

    免登陆网盘下载
    * 懒人模板承诺:本站所有资源免费下载,无病毒,无弹窗,无干扰链接! 提点建议