iPhone无法调整背景图片的大小

Question

此处的背景图片调整大小很好，但在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; }

Answer 1

不确定这是否是答案，但我注意到您的标记中没有'meta viewport'标签。 否则，缩放比例将与桌面相同，并且可能会被取消。 我没有iPhone可以看。 这个问题在Android中也存在吗？

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

一些观察。 您在文档类型之前有一个广告/评论。 这使IE进入怪癖模式。 删除doctype之前的所有内容以解决该问题。

另外，您正在使用XHTML1.1文档类型。 那仅用于XML应用程序，并且您将页面作为HTML提供。 使用HTML文档类型。

Answer 2

我遇到了图像无法缩小到其初始尺寸以下的问题。 也许会缩小到1393 x 1098，但不会变小。 我在手机上使用较小版本的图片，而在平板电脑和台式机设备上使用较大版本的图片。 我使用用户代理来确定运行该网页的设备并显示正确的图像。

我将其归类为评论而不是答案，但还没有留下评论的名声：）

Answer 3

我在较旧的设备上遇到了类似的问题。 我将图像从jpg更改为png，并解决了背景尺寸问题。

Answer 4

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