移动端布局-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';
    }
}
}

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

 

posted @ 2019-10-20 10:42  前端伪大叔  阅读(155)  评论(0编辑  收藏  举报