背景在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比桌面小得多，导致背景图像被裁剪。

还尝试在`meta viewport``

中给出固定的宽度

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