Проблема с рендерингом Chrome на iPad 2

В настоящее время у меня есть сайт, который правильно отображается в Safari для iPad 1 и 2 и правильно в iPad 1 Chrome, но Chrome для iPad 2 не обрабатывает мои медиа-запросы для портретного режима должным образом.

CSS-запрос, который я использую:

Только экран @media и (минимальная ширина: 767 пикселей) и (максимальная ширина: 979 пикселей)

Это захватывает все другие браузеры без проблем. Я попытался добавить (ориентация: портрет) к этому, и это не помогло решить проблему с Chrome.

Какие-либо предложения?


person atxpunkrock    schedule 29.10.2012    source источник
comment
Это просто идея: не тестируйте в хроме! если он работает в Safari, он будет работать и в Chrome. У меня была такая же проблема, и мне потребовалось больше часа, чтобы узнать, что хром не очистит ваши кэшированные файлы, даже если вы очистите данные просмотра.   -  person Carlos Martinez T    schedule 29.10.2012
comment
Я не уверен, что это проблема, которую я вижу. Если я пишу стиль вне своего медиа-запроса, он работает в Chrome для iPad 2. Он просто ломает горизонтальную версию сайта для обеих версий Chrome. Хотя у меня были проблемы с кэшированием Chrome при тестировании, поэтому полезно знать, что он не очищает кэши должным образом.   -  person atxpunkrock    schedule 29.10.2012
comment
Обновление: я удалил Chrome и переустановил, и это решило проблему. Кэширование определенно было проблемой.   -  person atxpunkrock    schedule 29.10.2012
comment
позвольте мне просто добавить ответ на вопрос, чтобы вы могли пометить его как отвеченный   -  person Carlos Martinez T    schedule 30.10.2012


Ответы (1)


В Chrome на iPad возникают проблемы с очисткой кеша, даже при использовании параметра clear the browser data. На данный момент лучше всего не использовать Chrome и вместо этого использовать Safari. В большинстве случаев рендеринг в обоих будет одинаковым.

Повторная установка приложения Chrome временно очистит кеш и устранит проблему.

person Carlos Martinez T    schedule 29.10.2012