iPhone上的背景图像未调整大小

iPhone上的背景图像未调整大小,iphone,ios,css,Iphone,Ios,Css,背景图像的大小调整得很好,但在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-backgrou

背景图像的大小调整得很好,但在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; }

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


我会把它归类为一条评论而不是一个答案,但我还没有留下评论的名声:)

也许可以尝试类似jQuery的插件。这应该是一个更好的跨平台答案

不确定这是否是答案,但我注意到您的标记中没有“元视口”标记。如果没有这一点,缩放就和桌面一样,可能会导致这种情况。我没有带iPhone去看。安卓系统也存在这个问题吗

编辑:我看到你在评论中提到了它。这是完整的元标记:

一些观察结果。在doctype之前有一条广告/注释。这使IE进入怪癖模式。删除doctype之前的任何内容以解决该问题


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

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

我尝试上传一张更大的图像,看看它是否可以调整大小,但没有效果。尝试删除最小宽度。已尝试将高度和宽度添加到背景。没有运气。。。还有其他iPhone特有的技术吗?使用