背景图片仅覆盖iPhone上的一半网页

我有一个网站需要非常大的背景图片。除了iPhone和iPad上的Safari，我已尝试过的所有网页浏览器都能正确加载页面。在这两个移动设备上的Safari中，背景仅覆盖页面的左侧50％。背景图片仅覆盖iPhone上的一半网页

从我所做的所有测试中我可以看出，这是因为我使用的背景图像的长度。这是我的CSS：

#bodyLong 
{ 
    background-image:url('/Images/TaylorProductsBackground3459.jpg'); 
    background-repeat:no-repeat; 
    width: 1150px; 
    height: 3459px; 
    margin: 0 auto; 
    text-align: left; 
    padding: 0px; 
    position:relative; 
}

我知道有一些具体错误在这种情况下，因为如果我做一个改变CSS和设置height: 1000px;，背景图像不再跨页的背面显示两次。我能做些什么来解决这个问题？我不想使用这么大的图片，但是这是一个客户端请求，我还没有能够说服他们。

来源

2012-03-26 Ben Hoffman

我觉得你正努力进入iOS版Safari的极限。检查所有关于为移动设备创建网页的doco，并且您可能会发现一些有关图像大小限制的内容。

检查答案在这里：Image size limitations in mobile safari?

可能的解决办法可能是使用较小的图像大小和规模了，如果细节并不重要，或者分手的形象和瓷砖它。

但是，严重的是，为什么你需要一个3500像素大小的图像作为背景。坏主意（TM）

来源

2012-03-26 01:58:33 drekka

由于WebKit的限制，我知道有一些关于large images not rendering well on the new iPad的讨论。解决方法是使用渐进式Jpegs。尝试将图像保存为渐进式Jpeg，看看是否能解决问题。

来源

2012-03-26 01:57:56 glenstorey

您需要确保图像与屏幕分辨率相匹配，并且您需要确保您的视网膜和非视网膜尺寸为

来源

2012-03-26 13:32:55 M7ammed

背景图片仅覆盖iPhone上的一半网页

回答

相关问题