Bootstrap 3廢棄手機整頁背景

Question

我在我管理的網站上使用Bootstrap 3作爲我的界面頁面。我使用這個CSS設置了我的完整頁面背景圖像：

background-image:url('/path/to/image.jpg'); 
background-repeat: no-repeat; 
background-position: center center; 
background-attachment: fixed; 
background-size: cover; 

它很好用...在桌面上。在移動設備上，圖像被調整爲非常小的分辨率，並且在自舉3面板上方被推高。

Here is a picture。在桌面上，圖片覆蓋整個頁面。
這裏是一個jsfiddle。

問題是，如果我刪除引導程序代碼，它會很好用;例如在另一個不使用引導程序的頁面上，使用相同的CSS。圖像在桌面和移動設備上很好地縮放。

可能是什麼問題？

感謝

Answer 1

最後我用了; <img src="/resources/ui_bg.jpg" style="width:100%;height:100%;position:absolute;top:0;left:0‌​;z-index:-5000;" alt="">

謝謝你們！

Answer 2

我不知道，但也許這取決於您所使用的手機上的瀏覽器？

嘗試增加：

-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 

我可能是錯的，但值得一試。

希望它有幫助。