| 12345678910111213141516171819202122232425262728293031323334353637383940 | // 计算当前html的font-size值 (移动端)// (function (doc, win) { //     var docEl = doc.documentElement, //     resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', //     recalc = function () { //       var clientWidth = docEl.clientWidth; //       if (!clientWidth) return; //       docEl.style.fontSize = 100 * (clientWidth / 375) + 'px'; //     }; //     if (!doc.addEventListener) return; //        win.addEventListener(resizeEvt, recalc, false); //        doc.addEventListener('DOMContentLoaded', recalc, false); // })(document, window);  // 设置 rem 函数 (pc端)function setRem () {    //  PC端    console.log('非移动设备')    // 基准大小    baseSize = 100;    let basePc = baseSize / 1920; // 表示1920的设计图,使用100PX的默认值    let vW = window.innerWidth; // 当前窗口的宽度    let vH = window.innerHeight; // 当前窗口的高度    // 非正常屏幕下的尺寸换算    let dueH = vW * 1080 / 1920    if (vH < dueH) { // 当前屏幕高度小于应有的屏幕高度,就需要根据当前屏幕高度重新计算屏幕宽度      vW = vH * 1920 /1080    }    let rem = vW * basePc; // 以默认比例值乘以当前窗口宽度,得到该宽度下的相应font-size值    document.documentElement.style.fontSize =  rem + "px";}// 初始化setRem();// 改变窗口大小时重新设置 remwindow.onresize = function () {  setRem()};
 |