JS+rem,移动端适配

        window.onresize = function () {
             setHtmlFz();
        }
        setHtmlFz();
        function setHtmlFz() {
            // 基础值
            var baseVal = 100;
            // 设计稿的宽度
            var desPage = 750;
            // 要适配的屏幕的宽度
            var width = document.querySelector("html").offsetWidth;
            // 基础值*要适配的屏幕的宽度/设计稿的宽度
            var fz = baseVal * width / desPage;
            // 设置到html标签中
            document.querySelector("html").style.fontSize = fz + "px";
        }

 

posted @ 2017-11-30 21:20  暴走的H5  阅读(646)  评论(0编辑  收藏  举报