rem适配

118 阅读1分钟

rem适配

function setRem() {
    const baseSize = 10;
    // 当前页面宽度相对于 750宽的缩放比例,可根据自己需要修改。
    const scale = document.documentElement.clientWidth / 750;
    // 设置页面根节点字体大小(“Math.min(scale, 2)” 指最高放大比例为2,可根据实际业务需求调整)
    document.documentElement.style.fontSize =
        baseSize * Math.min(scale, 2) + "px";
}

export const initRem = () => {
    // 初始化
    setRem();
    // 改变窗口大小时重新设置 rem
    window.onresize = function () {
        setRem();
    };
};