Не работает адаптив на сайте?

Question

[Денис Клепко]

Здравствуйте!
Имею очень странную ситуацию с сайтом bitrix.mirfly.ru
Адаптив сделан media запросами и немного js.
На Samsung 1280 x 720 все нормально.

В хроме тоже
А на 320x480
Медиа запрос такой media (max-width: 768px)
В чем проблема может быть?

Comments

[Kovalsky]

Вы немного некорректно описали проблему - на каждой из этих ширин у вас все в порядке с сайтом. Проблемы возникают если ширина окна переходит брейкпоинт, то есть если она изменяется.

[Денис Клепко]

Никита Полевой: на 320x480 отображается некорректно. в media прописана ширина контейнера 320px.
в хроме на 320 норм, на 1280 x 720 тоже 320 выводится. На xperia mini 320x480 все поплыло.

Answer 1

[Андрей Гончаров]

Проблема в старом устройстве. Там походу 2-ой андроид еще. В нем все плохо очень часто бывает. Сейчас уже какой-там.. 7-ой андроид актуальный вроде. Просто старый девайс.
Хочешь поддерживать такие девайсы - мучайся.

Есть еще подозрение на шаблон битрикса. В готовых решениях часто отлавливают девайс по юзер агенту и отдают в зависимости от этого тот или иной шаблон для сайта. Возможно в этом скрипте твой девайс не отлавливается как мобильный и отдается десктопная версия.

Comments

[Денис Клепко]

Я тоже подумал. Я на нем даже не проверял сразу. Клиенты сказали что на афйоне у них таже фигня. Вот и мучаюсь.

[Денис Клепко]

Да, скорей всего старый iphone.