简易的移动端rem自适应

rem自适应只需要检测屏幕的宽度修改rem和px的比例即可

<script>
    var width = document.documentElement.clientWidth;//获取屏幕的宽度
    var bl1 = width / 375 //屏幕宽度与设计稿宽度的比例（375是设计稿的宽度）
    var html = document.querySelector('html')
    var rem = 16 //手动设置rem与px的比例
    var _rem = rem * bl1
    html.style.fontSize = _rem + "px"
</script>

vue项目加入index.html中即可

现在主流的设计稿应该都是以iPhone6的尺寸设计的，在chrome浏览器上就是375的宽度。