iPad и iPad 2 по-разному отображают CSS?

Question

У меня очень сложная проблема.Сайт, который я разрабатываю, отлично выглядит на iPad, настольном Safari с пользовательским агентом iPad и iPhone.Другими словами, большинство устройств с Mobile Webkit.

Почему-то на iPad 2 все выглядит иначе. Вот различия:

iPad 1

iPad 2

===

Итак, как вы можете видеть, макет как-то ломается на iPad 2 в этом центральном столбце.

Вы можете проверить это по следующему URL: new.studyusa.com

Обратите внимание, насколько мне известно, оба iPad работают под управлением iOS 5.0.1.Я не мог придумать что-либо еще, чтобы проверить.

Очевидно, что лучшей помощью будет ответ с тем, что могло бы объяснить это.Но было бы почти так же полезно проверить это на своем iPad и сообщить мне, что произойдет, поскольку я смог протестировать это только на одной из каждой модели.

Спасибо.

Answer 1

Хорошо. Это действительно неловко, но оказывается, что версия для 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.

Примечание: я ответил на это только потому, что надеюсь, что если кто-то совершит глупую ошибку, такую ​​как моя, он найдет это.