背景图像在移动设备上被炸毁

Question

我创建了一个视差页面。 在我的桌面上，一切都很好，但是如果我在移动设备上查看图像，那么到目前为止我可以计算像素。

我不知道是什么原因引起的。 即便如此，我也不知道如何解决这个问题....

除了Google，我甚至不知道从哪里开始。 我找到了一个话题，有人说这是Safari问题。

任何？

我无法真正创建一个JSFiddle或者其他东西，因为就像你说的那样，它是在WordPress中制作的。

但请参阅附图。也许有人至少可以看到问题出在哪里，也许可以告诉我是什么导致了这一问题（全球指标） 桌面：

手机（iPhone）

Answer 1

您可能想尝试将background-size:cover交换为background-size:contain。这将确保背景图像在窗口内适合其宽度和高度，但可能会创建一些空白区域。使用＆＃39; cover＆＃39;，保证整个区域都被填充，但图像可能不会被完全包含，这似乎是现在正在发生的事情。

Answer 2

您是否尝试添加：

<meta name="viewport" content="initial-scale=1.0">

你的HTML主管？ 或者，如果这还不够，请尝试：

<meta name="viewport" content="width=device-width, initial-scale=1.0">

它告诉移动浏览器使用设备宽度并使用完整的初始缩放级别。