rem js 自适应布局

(function(doc, win) {
        resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',//orientationchange屏幕是否旋转
            recalc = function() {
                var whdef = 120 / 1920; // 表示1920的设计图,使用100PX的默认值
                var wH = window.innerHeight; // 当前窗口的高度
                var wW = window.innerWidth; // 当前窗口的宽度
                var rem = wW * whdef; // 以默认比例值乘以当前窗口宽度,得到该宽度下的相应FONT-SIZE值
                $('html').css('font-size', rem + "px");
            };
        recalc();
        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false); //监听事件窗口变化的事件
        doc.addEventListener('DOMContentLoaded', recalc, false); //初始化完成
    })(document, window)

转载于:https://www.cnblogs.com/oxiaojiano/p/8384704.html