Mobile Safari删除了身体背景图像

Question

http://www.samson-book.com

此网站在页面主体上通过CSS设置了背景图像。它显示在每个桌面浏览器和Android上，但不适用于iOS中的移动Safari。我无法弄清楚原因。

CSS：

@media only screen and (max-width: 480px) {
  body {
  background-image: url("img/bg_small.jpg");
  background-repeat: no-repeat;
  background-color: #000;
  }
  #coverbox {
    width: 80%;
    margin-left: 20px;
  }
}

Answer 1

不确定，但是你只想尝试单行：

background: url('img/bg_small.jpg') no-repeat top center #000;

顶部中心只是对齐，所以它会粘在设备的顶部并自动居中。希望它有助于我正常工作。

Answer 2

我无法对此进行测试，但我怀疑它是因为iPhone视网膜屏幕的宽度为640px，大于您在CSS中指定的max-width: 480px。