html - 移动背景是动态的

Question

我设置的背景图片在网络浏览器中工作正常，它保持静态，但在移动设备上背景会根据内容的高度不断变化？

当手机上的内容很短时，背景不会放大，但基本上会显示照片的左侧三分之一。当内容是长段落时，它是照片前三分之一的放大得多的部分。

我目前正在使用当前的CSS

background-image: url("/images/midgame.jpg");
background-size: cover;
background-attachment: fixed;
overflow-x: hidden;

Answer 1

如果不想让背景图片放大或缩小，去掉background-size: cover也可以尝试 background-position: center top