Проблема с версткой — прокрутка на телефоне, как убрать?

Question

[semki096]

Проблема. На компе горизонтальной прокрутки нет, включая проверку на плагинах (где ширину экрана задаем согласно моделей телефона).

Но при просмотре на телефоне - справа белая полоска, то есть есть небольшая горизонтальная прокрутка. Как можно это исправить, может есть какой-то fierbag для телефона? Как найти причину?

Примечательо - если на телефоне в браузере выбрать "версия для ПК" - сразу всё становится нормально!

Comments

[Антон]

Скрывайте блоки по одному и смотрите, пропадет или нет. Там где пропадет - копайте глубже

[FeST1VaL]

Скриншот или песочницу или вангу сюда которая поможет нам понять...

[Rustam Bainazarov]

У вас в чём-то и где-то проблема.

[Сергей delphinpro]

согласно моделей телефона

И сколько у вас моделей телефонов в списке? =))

[Сергей delphinpro]

может есть какой-то fierbag для телефона

dev tools в хроме чаще всего позволяет отловить подобные вещи на компе. Включить режим mobile.

[Александр Маргинал]

Подключите телефон к компьютеру и посмотрите в хроме. Еще есть вариант по моему с виртуальным айфон через xcode, но не уверен

Answer 1

[petyagrill]

можно тестировать на реальных устройствах с помощью Chrome DevTools
iOS
Android

Comments

[Rustam Bainazarov]

Для iOS не особо актуально с учётом наличия эмулятора XCode.

[petyagrill]

Рустам Байназаров, я не знаю как именно работает эмулятор XCode, но как по мне эмулятор != реальное устройство
У меня в качестве основной ОС установлен ubuntu, и даже не представляю себе через какие танцы с бубном смогу себе установить XCode и Safari. Куда лучше, проще и надежнее использовать реальное устройство

[Rustam Bainazarov]

petyagrill, XCode — это официальное ПО Apple. Последние два года все баги, что видел на реальных устройствах, там присутствовали.

Ну, на Linux, конечно, нельзя, поэтому только если так.

Answer 2

[hzzzzl]

а если так, чтобы наверняка

html, body {
overflow-x: hidden;
}

Comments

[Александр Маргинал]

Обожаю этот костыль!