css - 加载后背景图像调整大小

Question

当我在移动设备上加载我的网站时，背景图像最初看起来是正确的，但在网站完全加载后会调整大小。图像在开发中正确渲染，此错误仅在通过 Github 加载实际站点时发生。

一切都在桌面上正确加载，这个问题只在移动设备上出现。

任何帮助将非常感激！

网站： https ://connorbreault.dev/

代码： https ://github.com/connorbreault/Portfolio

图像的当前 css：

html {
  background: url("../assets/images/bg.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

这是开始和加载后的样子。

正确的图像（预加载）：

不正确的图像（后加载）：

标签： cssgithubresponsive-designbackground-imagematerialize