网站被困在iPad上的左对齐

Question

此Wordpress网站通常在浏览器中居中对齐，但iPad上的Safari除外。在iPad上，网站奇怪地左对齐（左边没有空格）。

我已经测试了其他（非iPad）浏览器，无法重复此问题。

iPad屏幕截图：

网址：http://rainleader.com

我迷失了可能导致这种情况的原因。几乎所有东西都有CSS宽度值......

我有什么遗失的吗？

Answer 1

你有这个：

body { font-size: 13px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #111; background-image: url('http://cdn.rainleader.com/assets/bg_top_outer.jpg'); background-repeat: repeat-x; text-align:center; }
#container { width: 900px; margin-top: 25px; margin-right: auto; margin-left: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

更改为

body { [add this] text-align:center }
[change to this] #container { width: 900px; margin-top: 25px; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  text-align:left; }

这就是我总是把事物放在中心的方式，它始终有效。

1）对准身体中心（你没有这样做）

2）容器中的边距0自动（您只有自动且没有0）

3）在容器中指定宽度

4）在容器中左对齐以从身体中撤消中心