Dima_So
@Dima_So
Experientia est optima magistra

Почему разваливается адаптив?

Сайт : http://окнавтуле.рф

При просмотре с телефона или через консоль в хроме, сайт выглядит нормально (версия для смартфонов)

При просмотре с других браузеров, например firefox сайт будто приближен.

Пробовал менять viewport, минимальная ширина body установлена но от изменения толку нет.

Что я проглядел?
  • Вопрос задан
  • 74 просмотра
Пригласить эксперта
Ответы на вопрос 3
@azerphoenix
Вот, так отображается сайт у меня в лисе (десктоп) -
https://screenshots.firefox.com/KIFhk72DCiB6hlmT/x...
а мобайл версия действительно разваливается.
Просмотрев предварительно могу сказать, что у вас не настроены медиазапросы. В моб. версии не должно быть горизонтальной прокрутки.
htmlbook.ru/css/value/media
Ответ написан
@TheRevan
у body задайте {overflow-x:hidden;}
Ответ написан
drymind404
@drymind404
front-end разработчик
Верстка вообще никак не претендует на адаптивность. Во-первых, не должно быть так, что нужно делать такой огромный шрифт для маленьких экранов. К тому же, сайт открывается как будто с зумом. Все это должен решать вьюпорт, он есть, да конструкция сайта где-то явно мешает ему выполнять работу) Тяжело сразу назвать все проблемы, их там много. Даже не знаю как можно из такой ситуации выбраться, может только если все перестраивать и менять ширины различных блоков на резиновые, чтобы они менялись в зависимости от экрана.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы
OTUS Москва
от 120 000 руб.
Flyphant Москва
от 90 000 до 120 000 руб.
Grapheme Ростов-на-Дону
от 50 000 руб.