javascript - 使用js 计算rem 如何使该段js最优先执行

问题描述

问 题

!(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 = 64 * (clientWidth / 640) + 'px';
        };
    if (!doc.addEventListener) return;
    win.addEventListener(resizeEvt, recalc, false);
    doc.addEventListener('DOMContentLoaded', recalc, false);
})(document, window);

使用该段js 计算rem时 如何提高该段js脚本的优先度 使得避免css的重绘。
目前已经放在head的css文件之前 但是没有效果

解决方案

放在head的是没错的,但是你得初始化执行一遍,在闭包里面调用一下 recalc()

这篇关于javascript - 使用js 计算rem 如何使该段js最优先执行的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！