0

背景图像在这里调整大小很好，但不是在 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

4 回答 4

2

不确定这是不是答案，但我注意到您的标记中没有“元视口”标签。没有它，缩放与桌面相同，可能会抛弃它。我没有 iPhone 可以看。Android中也存在这个问题吗？

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

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

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

于 2012-10-27T03:03:02.563 回答
0

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

于 2013-01-19T00:33:18.790 回答
0

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

我会将其归类为评论而不是答案，但还没有发表评论的声誉:)

于 2012-10-26T23:51:36.770 回答
-1

或许可以试试Backstretch 之类的 jQuery 插件。它应该是一个更好的跨平台答案。

于 2012-10-27T01:31:13.837 回答