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

Question

[Дмитрий Грабко]

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

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

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

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

Что я проглядел?

Answer 1

[Орхан Гасанлы]

Вот, так отображается сайт у меня в лисе (десктоп) -
https://screenshots.firefox.com/KIFhk72DCiB6hlmT/x...
а мобайл версия действительно разваливается.
Просмотрев предварительно могу сказать, что у вас не настроены медиазапросы. В моб. версии не должно быть горизонтальной прокрутки.
htmlbook.ru/css/value/media

Answer 2

[TheRevan]

у body задайте {overflow-x:hidden;}

Comments

[Evgeny Zaharov]

Ага. А на ширину контента это как повлияет? Никак. Только запретит прокрутку по оси x. Там надо ширину контента делать динамической.

Answer 3

[Evgeny Zaharov]

Верстка вообще никак не претендует на адаптивность. Во-первых, не должно быть так, что нужно делать такой огромный шрифт для маленьких экранов. К тому же, сайт открывается как будто с зумом. Все это должен решать вьюпорт, он есть, да конструкция сайта где-то явно мешает ему выполнять работу) Тяжело сразу назвать все проблемы, их там много. Даже не знаю как можно из такой ситуации выбраться, может только если все перестраивать и менять ширины различных блоков на резиновые, чтобы они менялись в зависимости от экрана.