响应式背景图片 Github 部署问题

Question

我遇到了一个问题，即我的响应式背景图片在部署到 Github 后无法在移动设备上运行。图片在谷歌浏览器检查移动工具下看起来是正确的，但是当在移动设备上加载实时网站时，图片会覆盖背景但会放大到左上角。

我正在为项目使用物化，但为背景图像使用基本 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;
}

这里是现场直播： https://connorbreault.dev/

任何帮助将不胜感激！

Answer 1

<块引用>

我觉得一切都很好。记得使用这段代码

 overflow-x: hidden;