移动背景是动态的

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

Answer 2

设置显式尺寸，以便在内容很少或没有内容时显示背景图像。设置height:100%。可能还要设置宽度。

编辑：

1. 删除background-attachment:fixed

2. 添加min-height:500px或您想要的任何数字。