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

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;
  }
}

【问题讨论】:

    标签: 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 可以测试。
    猜你喜欢
    • 2012-12-16
    • 1970-01-01
    • 2012-09-10
    • 2016-08-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多