背景图片正在调整大小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; }
答案 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插件。它应该是一个更好的跨平台答案。