在iPad上左对齐的网站

我在使用我的iPad时遇到了margin: 0 auto问题。 div对齐左侧，而不是中心，就像它在我的桌面上。在iPad上左对齐的网站

你可以在这里查看网站：www.amplify.io

容器的宽度和我试着在网络上，但无济于事了几个解决方案...不胜感激任何指针。

2012-05-01 Alex Fox

你设定的宽度是多少？ –

您应该确实修复所有这些[HTML验证错误]（http://validator.w3.org/check?uri=www.amplify.io&charset=%28detect+automatically%29&doctype=Inline&group=0），尤其是那些标记一堆重复的ID ......非常糟糕。 – Sparky

这就是为什么它发布为评论...只是想帮助你提高你的HTML技能。当你复制你的ID时，你一定会产生更多的问题。 – Sparky

可能溢出的发生，因为你没有设置用于移动设备的视口的情况下。

尝试增加：

<meta name="viewport" content="width=device-width, 
          maximum-scale=1.0" />

到您的HTML头是一定的。应该将页面宽度设置为iPad的宽度，并确保不会发生缩放。

来源

2012-05-01 18:41:14 SeventotheSeven

是的，这有所帮助。我还必须将某些内容放在更宽的div中，因为其中一些内容像您所建议的那样溢出。我尝试修复验证，因为其他人认为这不是问题！ –

-3

如果你指的是整个DIV（整页）：

margin-left: auto; margin-right: auto;

来源

2012-05-01 18:14:05 dlaxar

这就是Alex在margin：0 auto时所做的。通过定义只有两个它是说边际：0自动0自动;。 –

margin-left：auto; margin-right：auto;与边距完全相同：0 auto; – cereallarceny

我觉得很奇怪，最近有多少人在发布'margin-left：auto; margin-right：auto;'作为各种'margin：0 auto'问题的解决方案。 **这是一样的事情！** – Sparky

Validator Results

你有26个错误，并在您的网站11个警告。我会打赌钱，你的网站没有正确对齐的原因是由于这些事情之一。修复你的错误，看看是否解决了这个问题，否则，重新编写这个情况。

来源

2012-05-01 18:53:29 cereallarceny

我同意（请参阅我对OP的评论）。许多重复的ID也是如此。不过，我自己并没有将它作为答案发布是有原因的。 – Sparky

标记验证和重复ID，不会导致对齐错误...假设您关闭所有标记，其唯一的CSS和设备特定的CSS（视口）这是问题在这里... –

在iPad上左对齐的网站

回答

相关问题