移动端的base.js,

!(function(win, doc, orw) {
    var docEle = doc.documentElement;
    fnResetHtmlFontSize();
    function fnResetHtmlFontSize() {
        var width = docEle.clientWidth;
        if (width >= orw) {
            docEle.style.fontSize = '100px';
        } else {
            docEle.style.fontSize = (width / orw) * 100 + 'px';
        }
    }
    win.addEventListener('resize', fnResetHtmlFontSize, false);
})(window, document, 640);

在640设计图下,100px换算成1rem。如果一段文本设计为14px,则换算成0.14rem,这样好换算。

注:!在函数之前,表示匿名执行这个函数

猜你喜欢

转载自www.cnblogs.com/lw1995/p/9059169.html