iPad/Android上的背景显示不正确

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

最初，网页以1-1的比例显示，而我希望访问者看到整个网页

背景显示不正确。当我缩小时，只有部分背景看起来被加载了

我用过：

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

作为背景。我试图添加：

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

---

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

试着给你的

.background

一个固定的宽度

100%宽度是容器的100%，在本例中为

body

。在移动设备上，

主体

比桌面上小得多，导致背景图像被裁剪

还可以尝试在“元”视口中指定固定宽度``

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

您不能添加一个背景图像，并在其上添加其他所有内容-因此，此图像将决定所有人的背景大小？请尝试

@g00dy:不，设计限制。@Morpheus:也尝试过-什么都没有发生。@Anax-当您更改设备的方向时，它还会出现吗？按照建议更改视口，网页显示正确。

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