rem移动端适配

使用css的rem属性来适配不同移动屏幕尺寸似乎是个不错的主意~~

通过js计算算出屏幕宽度，然后确定比例，于是每进入一次设备将会根据设备视口的宽度来调整比例。

例如设计图的宽度为320px，那么我们以320的基数设置html字体的font-size：12rem

const oHtml = document.getElementsByTagName('html')[0]
const width = oHtml.clientWidth;
// 320px的屏幕基准像素为12px
oHtml.style.fontSize = 12 * (width / 320) + "px";

这样iphone8（375px）下html的font-size 就是12*（ 375 / 320 ）= 14.0625px。

其它设备同理。