rem

2018-11-26 07:54:32来源：博客园阅读 ()

/**
 * @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);

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有