Bootstrap.css - iPhone上未加載背景圖像

-1

我目前使用bootstrap模板創建了一個網站，它可以在http://apparelaid.us找到。它在桌面上運行良好，但在移動設備上，它不顯示背景圖像（附帶屏幕截圖）。代碼可在https://github.com/aalap07/ApparelAid找到。如何修復代碼以便圖像在移動設備（iPhone）上正確顯示？Bootstrap.css - iPhone上未加載背景圖像

2017-05-16 Ajp

有三個media queries的style.css文件明確更改橫幅的背景圖像中。這三個斷點（媒體查詢）發生在480px（行1253），414px（行1321）和384px（行1362）。在這種情況下，圖像將被更改爲圖像文件夾中不存在的另一個圖像，因此它顯示爲空白的白色背景。

解決方案是： 要麼在兩個斷點刪除類.banner的背景屬性所以這

.banner { 
     background: url(../images/banner22.jpg) no-repeat -150px 0px; 
     background-size: cover; 
     min-height: 400px; 
    }

成爲該

.banner { 
     min-height: 400px; 
    }

或

上傳的圖像到圖像s文件夾，您希望在移動設備上查看網站時顯示該文件夾，並相應更改背景網址style.css

2017-05-16 22:08:43

回答