我的网站主体的背景图像在桌面上是响应式的，但不是在实际的手机上

Question

我做了一个响应式的网站，部署在heroku上。当我使用chrome设备工具栏模拟手机视窗时，背景图像是可缩放的。但在实际的手机上并非如此；我得到的只是静态缩小的图像，它只占据了屏幕的一部分。除了图像之外，其他的一切都在响应。

下面是我的背景图片的CSS：

body {
  background-image: url('assets/backgroundimage2.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

Answer 1

max-width: 100%可能是您的解决方案，您的problem.This告诉您的浏览器，图像不应该大于移动屏幕。

Answer 2

在这里找到了我的答案：background-size: cover not working in portrait on Android tablet

由于某些原因，我们必须将html和body标记的高度和最小高度指定为100%。