我有一个非常令人困惑的问题。我正在开发的网站在iPad，桌面Safari和iPad用户代理以及iPhone上都很好看。换句话说，大多数设备都使用Mobile Webkit。
但不知何故，它在iPad 2上看起来有所不同。以下是不同之处：===
正如您所看到的那样，布局在某个中心列的iPad 2上以某种方式打破了。
您可以使用以下网址进行检查：new.studyusa.com
请注意，据我所知，这两款iPad都运行iOS 5.0.1。我想不出别的东西要检查。
显然，最好的帮助是对可能解释这一点的回应。但是从iPad上检查这一点几乎是有帮助的，让我知道出现了什么，因为我只能在每个型号上测试一次。
感谢。
答案 0 :(得分：0)
好。这实在令人尴尬，但事实证明iPad2版本是在iOS 4.3.3上，介于iOS版本和iOS 5之间（具有正确布局的版本），Mobile Safari渲染引擎改变了一个非常重要的事情：< / p>
iPad 2屏幕截图中的第一个标题是h1，第二个是h2。 h2的结束标记为h1。所以它如下：
<h1></h1>
<h2></h1>
然后iOS 4.3.3没有将h2视为已关闭，因此以下<div>被视为h2的一部分。
注意：我只回答了这个问题，因为我希望如果有人像我一样犯了一个愚蠢的错误，他们会发现这个。