背景圖像在Iphone和Ipad上無法正確顯示

我已經提出了一個類似於這個問題的想法，我的問題被修復了，但事實並非如此。背景圖像在Iphone和Ipad上無法正確顯示

下面的代碼是用於所有背景圖像（圖像路徑並不總是相同的）：

.bg-1 { 
background: url('../Dateien/sharkGround1920.jpg') no-repeat center center fixed; 
background-size: cover; 
background-attachment:fixed; 
}

上的所有設備，甚至iMac電腦的偉大工程，但錯誤地顯示在iPhone和iPad。

我確實希望background-size是'cover'，因爲這只是我使用它的最佳選擇。

我發現，當我在互聯網上的一個響應式檢查站點上測試站點時，我可以通過增加設備高度和固定寬度來重現我網站的Iphone外觀。

我的網站： http://www.unterwasserfotografie-thomas-uhl.de/

測試-網站： http://responsivepx.com/

有趣的事情：我可以測試在網絡上所有的測試網站，我的網站，它總是在與iPhone的設置看起來不錯。只要在真正的Iphone上進行測試，圖像看起來就像放大一樣。

來源

2016-05-13 christian

嗨Christin，您應該插入媒體查詢並替換「scroll」的background-attachment。請參閱如下：

@media only screen and (min-width: 768px){ .bg-1 { background: url('../Dateien/sharkGround1920.jpg') no-repeat center center fixed; background-size: cover; background-attachment:scroll !important; } }

來源

2016-05-13 14:18:51 user2517200

Iphone是否無法顯示滾動條？我希望圖像能夠做到這一點，並且它可以在每個使用Firefox的Android設備上都能很好地工作。 – christian

與此替換，他們將正常工作在Ipad和Iphone上。你有沒有嘗試過？ – user2517200

好吧我已經改變了它的第一個背景圖片，它的工作原理，但我想在桌面設備上的滾動效果... – christian

背景圖像在Iphone和Ipad上無法正確顯示

回答

相關問題