提交

src/utils/rem.ts

@@ -1,13 +1,14 @@
-// rem 适配
+// rem适配 — 移动端缩放，PC端固定基准
 export const useREM = () => {
-  const baseSize = 75 // 基准大小，注意这里改为75
   function setRem() {
-    const scale = document.documentElement.clientWidth / 750 // 设计稿宽度改为750
-    document.documentElement.style.fontSize = baseSize * Math.min(scale, 2) + 'px'
+    const width = document.documentElement.clientWidth
+    // ≤768px 按375设计稿等比缩放，>768px 固定基准（不再放大）
+    if (width <= 768) {
+      document.documentElement.style.fontSize = (width / 375) * 37.5 + 'px'
+    } else {
+      document.documentElement.style.fontSize = '37.5px'
+    }
   }
-
-  setRem() // 初始化
-  window.onresize = () => {
-    setRem()
-  }
-} 
+  setRem()
+  window.addEventListener('resize', setRem)
+}