web-utils-super/resizeChangeFontSize.js

前端函数库

/*
 * @Description: 宽度变化修改根节点fontsize
 * @Author: liushuang
 * @Date: 2023-03-10 10:06:20
 * @LastEditTime: 2023-03-10 10:31:00
 */
const debounce = require("../function/debounce");
const onWindowResize = require("./onWindowResize");

function resizeChangeFontSize(width = 375) {
  function setFontSize() {
    const deviceWidth = document.documentElement.clientWidth;
    document.documentElement.style.fontSize = `${
      deviceWidth / (width / 100)
    }px`; // 屏幕宽度为375px（iphone6）时 1rem === 100px
    console.log('document.documentElement.style.fontSize', document.documentElement.style.fontSize)
  }
  // 窗口变化时调用
  onWindowResize.add(debounce(setFontSize, 50));
  // 文档加载完成调用
  window.onload = setFontSize();
}

module.exports = resizeChangeFontSize;