(function (ele, win) {
var varEl = ele.documentElement,
// orientationchange 事件 用来监听手机屏幕的反转
resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
recalc = function () {
var clientWidth = varEl.clientWidth;//(window.innerWidth);UC 或者QQ 安卓4.0 以下原生浏览器下面是没有
if (!clientWidth) return;
varEl.style.fontSize = 100 * (clientWidth / 375) + 'px';
};
if (!varEl.addEventListener) return;
win.addEventListener(resizeEvt, recalc, false);
//DOMContentLoaded dom 加载完成,onload 有什么区别 dom css js OK 才执行的
varEl.addEventListener('DOMContentLoaded', recalc, false);
})(document, window);
为了方便计算,假设html的font-size设置为100px,设计稿是750dp
那么视窗宽度rem = 375px / 100px = 3.75rem,
我们在使用的时候 0.1rem 就等于 10px