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插件。 這應該是更好的跨平台答案。