背景无法在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">