Mobile Safari 移除身体背景图片答案

【问题标题】：Mobile Safari removes body background imageMobile Safari 移除身体背景图片
【发布时间】：2013-09-12 14:26:19
【问题描述】：

此网站在页面正文上通过 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;
  }
}

【问题讨论】：

标签： iphone ios css mobile-safari

【解决方案1】：

不确定，但你试过单行吗：

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

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

【讨论】：

你能帮我测试一下吗？我已将此行添加到我的 css

【解决方案2】：

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

【讨论】：

这完全有道理。我要解决这个问题，但我没有 iPhone 可以测试。