iphone上的背景图片显示不正确答案

【问题标题】：Background image on iphone is not diplaying properlyiphone上的背景图片显示不正确
【发布时间】：2013-04-17 22:33:43
【问题描述】：

我有一个背景图像，它应该在计算机上显示，但由于某种原因它变得太小（就像在我的 iphone 上查看它时它应该是一半大小。我一直在发生这种情况在页面上工作，因为今天早些时候不是这种情况。

这是包含 bg img 的 div 的 css。有什么想法吗？

#wrapper{
    position:relative;
    width:1000px;
    height:5854px;
    background-image:url(../images/UnearthingBG.jpg);
    background-color:#000;
    margin-top: 75px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    background-repeat: no-repeat;
    }

这是工作页面http://www.unearthingfilm.com/Test.html

【问题讨论】：

有趣的是，如果我将图像剪切到 2000px 的高度，它就可以工作。

标签： iphone css background

【解决方案1】：

我昨晚用background-size: cover.修复了它

感谢您的回答。非常感谢

【讨论】：

【解决方案2】：

我刚刚在我的 iPhone 上测试了您的网站，背景图片看起来不错。我添加了一个截图打击。您的 iPhone 可能出现错误并在某处缓存文件。

我建议可以尝试去 * 设置 -> Safari -> 清除 Cookie 和数据 *

【讨论】：

【解决方案3】：

我通过设置 background-size 让它在我的 iPhone 3GS 上工作：

#wrapper {
    -webkit-background-size: 1000px 5854px;
}

这很hacky，但在这里完成了工作。我应该说，我的 iPhone 只是用来玩数独游戏，而且多年来没有任何更新，所以它运行的是 iOS 3。;)

这可能是原因：http://medialab.zendesk.com/entries/22472177-Large-image-as-browser-background-not-working-on-iPhone-Safari-browser

您的问题是由移动 Safari 引起的。它只是缩小所有大于 2Mpx 的图像。

不知道是不是真的，但有道理。

【讨论】：