Question

我正在建立一个网站，当我在移动浏览器上加载网站时，一些元素被推到左边，在右边留下一个丑陋的白色空间：

我的猜测是，大米色矩形（直接位于导航下方）的宽度大于其下方的包装。注意：矩形不包含在包装器中。但是，我尝试了一些不同的方法，我仍然在右侧获得了这个空白区域。

我可以帮助指出我哪里出错吗？

Answer 1

页面上的元素具有各种不同的宽度，例如#pinboard div，宽度为1123像素 - 比其他一些元素（例如nav 1000px）宽一点。这会在其他较窄的元素和屏幕边缘之间留下空白区域。（作为测试，缩小浏览器窗口，您可能会在页面底部看到一个水平滚动条，然后才可能出现。）

如果你给所有宽度相同的东西，事情看起来会好很多。

Answer 2

视口元标记过去已经为我解决了这类问题，请尝试将其添加到HTML标题中：

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

Answer 3

尝试检查您是否有任何左侧或右侧提到的CSS。还是绝对的？

Answer 4

您网站中少数元素的宽度不同。

例如：

#slide：width：1174px;
.menu-main-container：width：1000px;

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