1 var docEl = document.documentElement, 2 //当设备的方向变化(设备横向持或纵向持)此事件被触发。绑定此事件时, 3 //注意现在当浏览器不支持orientationChange事件的时候我们绑定了resize 事件。 4 //总来的来就是监听当前窗口的变化,一旦有变化就需要重新设置根字体的值 5 resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', 6 recalc = function() { 7 //设置根字体大小1:50适用于375的设计稿,需要变更,就更改基础字体的数值 8 docEl.style.fontSize = docEl.clientWidth / 10 + 'px'; 9 }; 10 11 //绑定浏览器缩放与加载时间 12 window.addEventListener(resizeEvt, recalc, false); 13 document.addEventListener('DOMContentLoaded', recalc, false);