html - 网站在 iPad 上左对齐

Question

我在使用 iPad 时遇到 margin: 0 auto 问题。 div 向左对齐，而不是像在我的桌面上那样居中。

您可以在此处查看站点:www.amplify.io

容器有一个宽度，我在网上尝试了一些解决方案但无济于事......非常感谢任何指点。

Answer 1

可能是发生溢出的情况，因为您没有为移动设备设置视口(viewport)。

尝试添加:

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

到您的 HTML 头来确定。这应该将页面宽度设置为 iPad 的宽度，并确保没有发生缩放。