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

回答