我的网站正文的背景图片在台式机上有响应，但在实际的手机上却无响应

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%可能是您解决问题的方法。这告诉您的浏览器图像不应大于移动屏幕。

Answer 2

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

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