adaptive.js让挪动端开辟更简朴的计划

媒介

关于手机不离手的当今社会，挪动端页面开辟已成了一样平常便饭，怎样让手机页面开辟起来更费心是一个前端工程师必不可少的妙技。

adaptive.js

由本人自创手淘计划编写的异常玲珑的js代码片断，它能够让你的手机页面开辟起来更费心。
空话不多说，让我们先看看一个demo页面：

• 你能够点击翻开页面，在Chrome浏览器上运用挪动端模拟器检察

• 或许运用手机扫描二维码检察：
  

计划道理

自创手淘计划，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后即可直接运用
我们发起你运用以下模板举行开辟：

末了附上adaptive.js地点：https://github.com/Vibing/ada&＃8230;