在 iPad/Android 上无法正确显示背景答案

【问题标题】：Background not displaying properly on iPad/Android在 iPad/Android 上无法正确显示背景
【发布时间】：2013-03-06 11:00:35
【问题描述】：

我的网站在大多数浏览器上都能正常显示，但在 iPad 和 Android 浏览器上我有两个不同的问题。

我用过：

<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;

但背景问题（这是我主要关心的问题）仍然存在。有什么想法吗？

【问题讨论】：

你不能添加背景图片和其他所有东西 - 因此这张图片将决定所有背景的大小？
试试<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
@g00dy：不，设计限制。
@Morpheus：也试过了——什么也没发生。
@Anax - 当你改变设备的方向时它仍然会发生吗？

【解决方案1】：

试着给你的.background 一个固定的宽度。

100% 宽度是容器的 100%，在本例中为 body。在移动设备上，body 比桌面上的要小得多，导致背景图像被裁剪。

同时尝试在您的“元视口”中设置固定宽度

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

【讨论】：