iPad和iPad 2渲染CSS的方式不同吗？

我有一个非常困惑的问题。我正在开发的网站在iPad，桌面Safari以及iPad用户代理和iPhone上看起来不错。换句话说，大多数带有Mobile Webkit的设备。iPad和iPad 2渲染CSS的方式不同吗？

但不知何故，它看起来iPad 2的不同差别如下：

===

因此，大家可以看到，布局莫名其妙在该中心栏中的iPad 2上休息。

你可以用这个URL检查：new.studyusa.com

请注意，因为据我所知，双方的iPad正在运行的iOS 5.0.1。我想不出任何其他东西要检查。

很明显，最好的帮助将是什么可能解释这一点的回应。但是从iPad上检查这些信息几乎同样有帮助，并且让我知道哪些内容会出现，因为我只能在每个模型的其中一个上进行测试。

谢谢。

对它看起来很不错。只有缺陷在右上角。登录链接上有一条5-6px的白线。 – mohacs 2011-12-30 01:09:28

带有iPad用户代理的桌面Safari对测试来说不是很可靠。用x-code获取iPad模拟器。 http://developer.apple.com/technologies/tools/ – 2011-12-30 01:44:52

@mohacs，感谢您抓住白线。我只是在我的存储库中修复了这个问题，但尚未将其推送到服务器。当你说“两者看起来都很好”时，你的意思是你在iPad1和iPad2上测试过它吗？ – nickcoxdotme 2011-12-30 06:29:49

好的。这真是令人尴尬，但事实证明，iPad2版本在iOS 4.3.3上，以及iOS版本和iOS 5（具有正确布局的版本）之间，Mobile Safari渲染引擎改变了一件非常重要的事情：

iPad 2屏幕截图中的第一条标题是h1，第二条标题是h2。 h2的结束标记为h1。所以这是如下：

<h1></h1> 
<h2></h1>

随后的iOS 4.3.3并没有治疗h2为被关闭，因此以下<div>小号被视为h2的一部分。

注意：我只回答了这个问题，因为我希望如果有人像我一样犯了一个愚蠢的错误，他们会发现这一点。

2011-12-30 17:58:13 nickcoxdotme

回答