背景無法在iPad/Android上正常顯示

Question

我的網站在大多數瀏覽器上都顯示正常，但在iPad和Android瀏覽器上有兩個不同的問題。

1. 最初網頁以1-1的比例顯示，而我希望訪問者看到整個網頁。
2. 背景無法正確顯示。當我縮小時，只有部分背景似乎加載。

我使用：

<meta name="viewport" content="width=device-width"> 

初始變焦和：

div.background { 
    width: 100%; 
    background: #ffffff url('../img/background_first.jpg') center top no-repeat; 
} 

爲背景。我的事件試圖補充：

-webkit-background-size: 1500px 1000px; 
background-size: 1500px 1000px; 

但背景問題（這是我主要關心的）仍然存在。有任何想法嗎？

Answer 1

嘗試給你的.background固定寬度。

100％寬度是容器的100％，在這種情況下是body。在移動設備上，body比在桌面上小得多，導致裁剪後的背景圖像。

也試圖給出一個固定的寬度在`元viewport``

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