css - 移动浏览器：包装器将元素向左移动，在右侧创建一个空白

Question

我的元素包含在 1174px 宽的包装器中。但是，当我在移动浏览器上查看该站点时，包装器后面的元素被推到左侧，在右侧创建了一个空白区域。

我不确定为什么会发生这种情况，因为 1174px 是最宽元素 ( #slide) 的宽度。如果某些元素的宽度不同，我会理解，但事实并非如此，所以我现在一无所知。有人可以帮我弄清楚我哪里出错了吗？

Answer 1

我把它加到头上，它就像一个魅力。

<meta name="viewport" content="width=1174">

Answer 2

请检查您网站中不同元素的宽度。例如（标题、导航等）。它可能会有所不同。

iPhone 采用最大宽度。并将多余的空间留空。

请使用相同的宽度或使用包装纸并将所有东西都放入其中。