Question

我试图在ipad页面上找到一种将div #container居中的方法。这是一个相当简单的960px宽，边距为0的自动作业。身体被赋予背景颜色，但是在ipad上，容器只占据整个页面，或者边缘在左边，但是页面粘在右边缘。

我已经在互联网上看到了关于最小宽度，视口等的各种想法。理想情况下，我会在样式表中使用@media查询，因为其他一切在默认情况下看起来很好

由于

Answer 1

在box model中，元素的总宽度是其边距，边框，填充和内容宽度的总和。

容器的总宽度为40 + 960 + 40 = 1040px，而iPad视口宽度为1024px。所以你不能居中，你可以看到意想不到的结果！

减小容器的宽度或填充，使其总宽度小于1024px，width:960px; padding:32px;例如。

Answer 2

尝试将DIV的显示属性从默认块更改为inline-block。

div #container {
  display: inline-block;
}