CSS背景图像在某些浏览器上不是全尺寸

我正在为我妹妹的婚礼做一个小演示，我基本上想在用户向下滚动页面时将身体背景设置为不同的图像

该过程本身运行良好，但是在以下方面：

运行Chrome（浏览器宽度约1900px）的台式mac电脑

图像不会在页面上延伸，尽管背景保持不变（应该如此）

手机（android chrome）

背景图像不会保持固定（当用户向下滚动时，背景图像将被保留）。有趣的是，我无法通过缩小窗口在笔记本电脑浏览器中重现这一点——这可能是手机浏览器本身的一个限制

对我在这里遗漏的东西有什么想法吗？

设置

width:100%
margin-left:auto;
margin-right:auto;

在图像标记或div中

---

如果100%未工作，则使用像素作为宽度

图像的宽度为1200px。因此，在1900分辨率下，图像不会拉伸，并且更小：）。如果使用背景大小：100%；它应该伸展

---

至于移动设备：

您是否尝试过在页面加载时使用javascript设置背景大小？背景大小已经设置为

cover

，应该具有相同的效果，否？同样，这也不能解决移动设备中位置不固定的问题。