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

Question

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

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

Answer 1

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

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

Answer 2

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

iPhone占用最大宽度。它留下了额外的空白。

请使用一个＆amp;相同的宽度或使用包装并将所有内容放入其中。