移动端布局-rem

created(){
    // 设置根字号
    // 屏幕宽度
    setHTML();
    // addEventListener()不冲突
    window.addEventListener('resize', setHTML, true);

    function setHTML(){
        // 读取当前屏幕宽度
        var windowWidth = document.documentElement.clientWidth;
        // 看是600的多少倍
        var rate = windowWidth / 600;
        // 是600的多少倍就要让HTML的根字号设置为60的多少倍（这个数字是我自己编的）
        document.documentElement.style.fontSize = 60 * rate + 'px';
    }
}
}

喜欢的小伙伴可以关注我的微信公众号“前端伪大叔”

标签：windowWidth,600,布局,setHTML,rate,多少倍,addEventListener,rem,移动
来源： https://www.cnblogs.com/qdwds/p/11706884.html