iphone - 移动 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

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

Answer 2

不确定，但你有没有尝试过像这样的单行：

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

顶部中心只是对齐，因此它会粘在设备顶部并自动居中。希望它对我有帮助。