背景图片没有在iPhone上调整大小

时间:2012-10-26 23:45:08

标签: iphone ios css

背景图片正在调整大小here的大小,但不会在iPhone上调整(尚未检查iPad)。

图像为1393 x 1098像素。

这是我的css:

.slider-wrap-blue { 
background:transparent url(/images/fpfbg.jpg) no-repeat center center fixed; 
min-width: 980px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; }

4 个答案:

答案 0 :(得分:2)

不确定这是答案,但我注意到您的标记中没有'meta viewport'标记。没有它,缩放与桌面相同,可能会抛弃它。我没有iPhone可供我查看。 Android中也存在问题吗?

编辑:我看到你在其中一条评论中提到它。这是完整的元标记:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

一些观察结果。您在doctype之前有广告/评论。这使IE成为怪癖模式。在doctype之前删除任何内容以解决该问题。

此外,您正在使用XHTML1.1 doctype。这仅适用于XML应用程序,您将以HTML格式提供页面。使用HTML文档类型。

答案 1 :(得分:0)

我遇到的问题是图片无法收缩到初始尺寸以下。也许它正缩小到1393 x 1098,但不会变小。我为手机使用较小版本的图像,为平板电脑和桌面设备使用较大版本。我使用user-agent来确定运行网页的设备并显示正确的图像。

我会将此归类为评论而非答案,但尚无声誉留下评论:)

答案 2 :(得分:0)

我在旧设备上遇到了类似的问题。我将图像从jpg更改为png,并修复了背景大小的问题。

答案 3 :(得分:-1)

也许尝试像Backstretch这样的jQuery插件。它应该是一个更好的跨平台答案。