1

Surpriseplus

2022-09-16 8d1a91c23df335b090e38b2edd15203aa3b03da9

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
function setRem() {
  // 实际设备页面宽度和设计稿的比值
  const htmlWidth =
    document.documentElement.clientWidth || document.body.clientWidth;
  const htmlHeight =
    document.documentElement.clientHeight || document.body.clientHeight;
  const designRatio = 13680 / 2880;
  const realRatio = htmlWidth / htmlHeight;
 
  let baseSize = 1368;
  let scale = htmlWidth / 13680;
  document.documentElement.style.fontSize = baseSize * scale + "px";
 
  // 存在宽度够了，高度不够的情况
  if (realRatio > designRatio) {
    document.documentElement.style.fontSize =
      baseSize * scale * (designRatio / realRatio) + "px";
  }
}
 
setRem();
 
window.addEventListener("resize", () => {
  setRem();
});