下面是在其他博客看到的解决方案:
假设是基于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';