Как отключить небольшую оставшуюся горизонтальную прокрутку на мобильном устройстве при использовании ширины окна просмотра = ширина устройства

Я использую следующую мета, чтобы установить для окна просмотра значение ширины устройства (name = 'viewport', content = 'width = device-width, initial-scale = 1.0, user-scalable = 0;')

Когда я загружаю страницу в Chrome для Android, кажется, что ширина страницы - это ширина устройства, но как только я прокручиваю, появляются полосы прокрутки и съедают ширину страницы, поэтому браузер думает, что область просмотра внезапно стала недостаточно большой, чтобы соответствовать странице И полосам прокрутки, и внезапно нет, позволяет мне прокручивать по горизонтали на несколько пикселей.

Это очень раздражает, потому что я устанавливаю ширину на device-width, чтобы пользователи прокручивали только вертикально. Как сделать так, чтобы страница не могла "покачиваться" по горизонтали?

Я попытался установить маржу: 0 10 пикселей, и, похоже, это сработало, потому что я знаю ширину полосы прокрутки на этом конкретном устройстве, но некоторые устройства имеют более широкую полосу прокрутки, и я не хочу терять драгоценные пиксели из доступной площади экрана.


person user1678406    schedule 29.06.2014    source источник
comment
Не могли бы вы дать нам код или демонстрацию jsfiddle? Возможно, проблема в каком-то элементе со 100% шириной и дополнительным заполнением или полями ...   -  person Aleksandar    schedule 30.06.2014
comment
да, вы выиграли! вот и все, и редактирование страницы с нуля сделало это очевидным. Благодарность!   -  person user1678406    schedule 30.06.2014


Ответы (1)


в теге body добавьте css overflow-x:hidden

person aashi    schedule 30.06.2014