android - 在 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 name="viewport" content="width=940, initial-scale=1">