当前位置： 移动技术网 > IT编程>开发语言>JavaScript > rem

rem

2018年11月23日  | 移动技术网IT编程  | 我要评论 
/**
 * @example 1rem=100px
 */
!(function (doc, win) {
    var docele = doc.documentelement,
        resizeevent = 'orientationchange' in window ? 'orientationchange' : 'resize',
        recalc = function () {
            var clientwidth = docele.clientwidth;
            if (!clientwidth) return;
            // 750为设计稿尺寸
            docele.style.fontsize = clientwidth >= 750 ? '100px' : 100 * (clientwidth / 750) + 'px'
        };
    if (!doc.addeventlistener) return;
    win.addeventlistener(resizeevent, recalc, false);
    doc.addeventlistener('domcontentloaded', recalc, false);
})(document, window);

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网