我一直在尝试使用html5并且几乎已经为朋友完成了一个网站。我使用了Paul Irish的html5样板作为模板，一切正常，直到我在iphone中查看它。此时，该站点左侧与边缘紧密对齐。我已经将包装网站的容器设置为margin：0像往常一样自动，但由于某种原因我不能让它保持中心。
为什么会发生这种情况的任何想法？
这是当前对网站的喜欢..
http://cynonvalleypals.co.uk.s88828.gridserver.com/
谢谢
答案 0 :(得分：1)
您已通过meta标记设置了视口，对吗？
<meta name="viewport" content="width=device-width, initial-scale=1.0">
这意味着iPhone会尝试以320像素宽的视口而不是980像素的视口显示您的内容。试着想象一下，如果您使用宽度为320px的Chrome窗口打开网站，您会看到什么？这就是你在Mobile Safari中获得的。
您可以轻松调试。打开Chrome窗口并使用开发人员工具将正文宽度设置为320px。你会看到结果。您可以根据此设置进行调整，也可以尝试使用其他视口设置。
答案 1 :(得分：1)
尝试以这种方式使用视口，我希望它能帮到你。
<meta name="viewport" content="width=1040; user-scalable=no;" />
这会将宽度固定为1040，但用户不允许缩放。您可以添加user-scaleable = 1以允许用户缩放内容。
答案 2 :(得分：0)
你试图设置宽度和边距 - 右：auto和margin-left：auto（不要使用margin：auto）