背景圖片在iOS上無法正確縮放

Question

問題是背景圖像在iOS設備上無法正確縮放，這是一個響應式網站，至少在台式機瀏覽器上，即使在很小的分辨率下，它也確實可以很好地縮放。。但是當我在iPhone / iPad上測試時，它似乎無法正常工作那樣。

該頁面為http://litoplas.net16.net/como.html （這是會議和演講的內部演示，它不是公共鏈接，我的客戶希望其代表使用iPad，這就是解決問題的原因這個非常重要）。

這是我與背景圖片一起使用的部分CSS的示例：

.corte {
background: url(../images/corte.jpg) no-repeat center center fixed;
background-size: cover;
padding-bottom: 30%;

}

就像我說的，背景圖片在桌面瀏覽器上可以很好地縮放...在iO上它們不會做同樣的事情！

在此先感謝大家，我花了很多時間進行搜索並嘗試找出答案，希望您能為我提供一些答案！ :)

Answer 1

這似乎是您的速記規則： background: url(../images/bannercalidad.jpg) no-repeat fixed;

更具體地說，是導致問題的是background-attachment: fixed 。 如果我添加了一個新的background-attachment: scroll規則background-attachment: scroll則圖像將不再放大到左上角。 這可能無法解決您的所有問題，但可以使您走上正確的道路。

Answer 2

您需要對每個<section>應用以下規則，如下所示：

background-size: 100% auto;

這使用iOS 7模擬器為我解決了該問題。

Answer 3

background-attachment: scroll; 為我工作。 您應該接受@Fernker的回答。