html - 布局在 iPad/Safari 中显示不正确

Question

我一直在 build 网站 http://orion.viperdmc.com .除了在 iPad 上运行的 Safari 之外，该布局似乎在所有浏览器上都能正常工作。

在该浏览器上，如果我调整页面大小使顶部的大图像适合 iPad 显示屏，下面的内容将显示为左对齐而不是居中。

有人知道为什么会这样吗？

Answer 1

好的，我认为您可以通过将标记中第一个容器的宽度与图像相匹配来修复它 (#feature-image-inner):

因此，将 .first 类添加到标记中的第一个 .container 中:

<div class="container first">

然后用下面的 CSS 定位它。

.container.first{
    width: 1280px;
}