滚动HTML内容后出现白色背景适配异常（仅MacBook复现）

问题出在html元素未设置与body一致的背景色。当页面滚动到body内容范围外时，MacOS的浏览器会显示html的默认白色背景，Windows环境因渲染机制差异未触发该现象。

只需给html元素添加和body相同的背景色样式即可解决：

body {
  margin: 0;
  width: 100vw;
  font-family: "Mona Sans";
  background: var(--color-bg);
  display: grid;
  overflow-y: scroll;
  overflow-x: hidden;

  scrollbar-width: none; /* Firefox */
}

body::-webkit-scrollbar {
  display: none;
}

html {
  width: 100vw;
  overflow-x: hidden;
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: "Mona Sans";
  background: var(--color-bg); /* 新增：让html背景与body统一 */
}

修改后，html的背景色会和body保持一致，滚动时就不会出现白色背景区域了。

内容的提问来源于stack exchange，提问作者nic