移动端自适应解决方案

下面是在其他博客看到的解决方案：

假设是基于640px尺寸的设计稿，deviceWidth设备宽度通过document.documentElement.clientWidth取到，

当页面的dom ready后，取到设备宽度，然后除以6.4即为100，将html的font-size设为100px,所以1rem=100px,假设设计稿有一个元素宽度为48px，48/2/100=0.24,即0.24rem,计算方便

var deviceWidth = document.documentElement.clientWidth;

if(deviceWidth > 640) deviceWidth = 640;

document.documentElement.style.fontSize = deviceWidth / 6.4 + 'px';