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

Question

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

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

有谁知道为什么会这样？

Answer 1

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

因此，在标记.first中的第一个类中添加一个类：.container

<div class="container first">

然后使用下面的 CSS 定位它。

.container.first{
    width: 1280px;
}