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