网站显示在iPhone上左对齐？
我一直在使用html5进行试验，并且几乎完成了一个朋友的网站。我使用Paul Irish的html5样板作为模板，并且它一切正常，直到我在iphone中查看它为止。正是在这一点上，该网站左侧的边缘保持一致。我已经设置容器包装的网站边缘：0自动照常，但由于某种原因，我不能让它保持中心。网站显示在iPhone上左对齐？
任何想法，为什么会发生这种情况？
这里就像到网站目前..
http://cynonvalleypals.co.uk.s88828.gridserver.com/
谢谢
您已通过了meta标记集视，对不对？
<meta name="viewport" content="width=device-width, initial-scale=1.0">
这意味着iPhone会尝试在320px宽度的视口中显示您的内容，而不是980px的视频内容。尝试想象一下，如果您打开一个宽度为320像素的Chrome窗口，您的网站会显示什么内容？这就是您在Mobile Safari中获得的。
您可以轻松地进行调试。打开Chrome窗口并使用开发人员工具将主体宽度设置为320px。你会看到结果。您可以根据此设置进行调整，也可以尝试使用其他视口设置。
我采取了该声明，仍然没有喜悦..可以你看看它的结局吗？我仍然看到它左对齐在这里... – Owzzz
问题是'＃Kite'和'footer'。如果你把你的页面放在一个980px宽的Chrome中，你是什么看看''＃容器'在'body'的中心，而'body'不是整个页面。当你的Chrome窗口宽度为980px时，'body'宽度为980px，'＃container'位于中心。但“footer”宽度为1300px，因此可以扩展整个页面。 –
尝试以这种方式使用视口，我希望它会帮助你。
<meta name="viewport" content="width=1040; user-scalable=no;" />
这会将宽度固定为1040，但用户不允许放大。您可以添加user-scaleable = 1以允许用户缩放内容。
FWIW，在Android模拟器中看起来不错 - 中心对齐。 – Ryan
我得到的问题上的iPhone ..没有测试它在Android ..但感谢让我知道:) – Owzzz