Адаптирую сайт для удобного просмотра на планшетах и мобильных устройствах: добавил в файл стилей условие для сайдбара float:none при просмотре на экранах менее 770px. После этого на экранах от 770px и ниже сайдбар смещается вниз, все работает, отображение контента устраивает меня и, надеюсь, пользователей тоже.
Однако неожиданно обнаружил такой косяк.
При просмотре страниц на iPad 3 в горизонтальной ориентации все ссылки и картинки со ссылками на страницах нормально работают, как обычно, однако если повернуть планшет вертикально (сайдбар уходит вниз), все ссылки в основном контенте становятся некликабельными, в тоже время ссылки в сайдбаре внизу остаются рабочими. Это происходит на ВСЕХ страницах и записях сайта.
При просмотре на iPhone 4s ссылки в основном контенте страниц также некликабельны, однако в сайдбаре внизу остаются рабочими. При просмотре записей (постов) ссылки остаются кликабельными везде.
При возврате к исходному файлу стилей вроде бы все становится нормально, все сылки работают, но просматривать сайт на маленьких экранах становится неудобно.
Что это может быть? Глюк apple-устройств? Или мой косяк? Если мой косяк при изменении файла стилей, то все-равно не могу понять, что такого кардинального меняется со ссылкой если iPad просто повернуть на 90 градусов?
Проверить на других устройствах у меня пока возможности нет. Пациент:
izgoba.com