【自定义 rem 方案】

自定义 rem 方案

创建 src/utils/rem.ts：
// 设置 rem 基准值
const baseSize = 16

function setRem() {
const scale = document.documentElement.clientWidth / 1920 // 设计稿宽度
document.documentElement.style.fontSize = baseSize * Math.min(scale, 2) + ‘px’
}

// 初始化
setRem()
// 窗口大小变化时重置 rem
window.addEventListener(‘resize’, setRem)
在 main.ts 中引入：
import ‘@/utils/rem’