上傳到服務器後，我的引導程序網站圖像無法在移動設備上正確顯示

我使用bootstra-andamios.cl 這個網站它在桌面上是完美的。我已通過Chrome的不同視口進行了檢查。它作爲一個完整的響應網站正常工作，但當我上傳到服務器，並與iPhone和iPad訪問該網站。一些圖像被拉伸，一些沒有顯示。但在Android設備上，我可以說幾乎沒有問題（圖片顯示），但並不完美。在PC上，它是完美的。完成項目後，我還看到了一個水平滾動條。我的意思是頁面右側有一些空白區域。上傳到服務器後，我的引導程序網站圖像無法在移動設備上正確顯示

我主要使用容器和容器流體。我也用這個元標籤 -

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

我不知道是什麼原因造成這一點。謝謝你的幫助。

我正在添加圖片未在iPhone和iPad上顯示的部分之一。

#banner { 
    height: 100%; 
    background: url('/Images/3.jpg')fixed; 
    background-repeat: no-repeat; 
    background-size: cover; 
    background-position: center; 
    position: relative; 
}

來源

2017-08-09 Md.Rezwan Ferdous

你的URL不起作用 – JoostS

Ø遺憾。它應該是andamios.cl –

@JoostS你可以看看我的網站吧？ –

水平滾動條是從右側飛入的頁腳形式。它應該被包裝在一個隱藏溢出的容器中。這將解決它。

我沒有看到任何拉伸的圖像（但我沒有iOS來檢查）。對不起。

來源

2017-08-09 22:27:57 JoostS

我解決了這個問題與ios通過 - https://stackoverflow.com/questions/36686654/fixed-background-images-disappear-on-iphone-ipad –

我已經添加了頁腳在容器流體，但我添加overflow：隱藏，正如你所說的@joostS，但它沒有解決右邊的空白問題 –

它與隱藏在body上的overflow-x一起工作。 –

我加入解決了白色空間問題溢出-X：隱藏的身體

來源

2017-08-09 22:45:20

上傳到服務器後，我的引導程序網站圖像無法在移動設備上正確顯示

回答

相關問題