скрыть - убрать горизонтальный скролл css




отключить горизонтальную прокрутку в мобильной сети (6)

Для меня метатег viewport фактически вызвал проблему с горизонтальным прокруткой на Blackberry.

Я удалил content="initial-scale=1.0; maximum-scale=1.0; из тега viewport и исправил проблему. Ниже мой текущий тег viewport:

<meta name="viewport" content="user-scalable=0;"/>

У меня проблема, когда горизонтальные свитки появляются на некоторых телефонах для моего сайта. Я попытался поместить overflow-x: hidden, но он не работает. Ширина автоматически, так что она фактически автоматически изменит размер веб-страницы в соответствии с размером экрана. Все остальные телефоны хороши, если смотреть в Blackberry, Nokia E52 и Windows Mobile, появится горизонтальная прокрутка.

Любой совет? Спасибо!


Это работает для меня во всех мобильных устройствах как в портретном, так и в ландшафтном режимах.

<meta name="viewport" content="width=device-width, initial-scale = 0.86, maximum-scale=3.0, minimum-scale=0.86">


Я знаю, что это старый вопрос, но стоит отметить, что BlackBerry не поддерживает overflow-x или overflow-y .

Посмотреть мой пост here


Я использую это, чтобы пользователь все еще мог увеличивать и уменьшать масштаб:

<meta name="viewport" content="width=device-width;" />

Используйте <meta name="viewport" content="width=device-width, initial-scale = 1.0, maximum-scale=1.0, user-scalable=no" /> , чтобы установить ширину в ширину устройства.


html, body {
  overflow-x: hidden;
}
body {
  position: relative
}

Просто добавьте этот CSS





mobile-website