美文网首页
js设置rem

js设置rem

作者: jiaomeichen | 来源:发表于2018-03-12 11:33 被阅读0次
    使用方法:width:4rem;max-width:100%;
    说明:此方法设置了最大宽度为600px 
    /*rem*/
    (function(doc, win) {
        var docEl = doc.documentElement,
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
            recalc = function() {
                var clientWidth = docEl.clientWidth;
                if(!clientWidth) return;
                //          docEl.style.fontSize = 100 * (clientWidth / 360) + 'px';
                if(clientWidth >= 600) {
                    docEl.style.fontSize = '150px';
                } else {
                    docEl.style.fontSize = 100 * (clientWidth / 360) + 'px';
                }
            };
        if(!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener('DOMContentLoaded', recalc, false);
    })(document, window);
    

    相关文章

      网友评论

          本文标题:js设置rem

          本文链接:https://www.haomeiwen.com/subject/iyfufftx.html