Что вызывает горизонтальный скролл на адаптивной версии сайта?

Question

[Mike Syomin]

Тестирую под юзер-агентом iPhone 5 и на нем появляется горизонтальный скролл именно на главной странице. Вообще не могу вкупить что да почему вызывает этот скролл.
Сайт: idever.ru

Answer 1

[Daniel Skripnik]

Зашел с айфона 5, скролла нет.

Comments

[Mike Syomin]

Хммм на моем Samsung Mega тоже нет, но под юзер-агентом в браузере он есть. Ладно, спишем на баг (:

[Daniel Skripnik]

Mike Syomin: попробуйте сбросить кеш и обновить браузер, если имеются доступные обновления. У меня такое иногда бывает в firefox de, ну или проверьте в другом браузере, для сравнения

Answer 2

[Михаил Чирский]

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

getbootstrap.com

Comments

[Mike Syomin]

Он там и должен быть, потому что только один брейкпоинт стоит на ширине 768px.

[Михаил Чирский]

Mike Syomin: Горизонтальный скрол, вообще не должен быть, если все правильно сверстано и все блоки жмутся и вмещаются, то его не должно быть не при 1 разрешении.

Answer 3

[Андрей Андриевский]

Бро, так он не адаптивен на определенных размерах экрана, к примеру на ширине с 768 px до 1040px у вас нет вовсе адаптивности. То есть на этом участке ширины, надо написать свои медиа запросы решив тем самим проблему.

Comments

[Mike Syomin]

Брейкпоинт один. На 768px