@xakslim

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

Есть страница: у body задано min-wight: 380px, у viewport content="width=device-width". Когда открываю сайт на мобильнике появляется небольшой горизонтальный скролл. На десктопе проверял блоков с фиксированной шириной и выходящих текстов нет. Блоки удалял, скрол все равно имеется. Можно ли как-нибудь убрать скролл на устройствах с дисплеями меньше 380рх?
  • Вопрос задан
  • 4383 просмотра
Решения вопроса 1
@xakslim Автор вопроса
Все само стало встраиваться под экраны меньшего размера, без скролла
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 3
webirus
@webirus
Тыжверстальщик! Наверстай мне упущенное...
Предположение Бабушки Ванги 1:

У body есть padding или border, тогда нужно добавить box-sizing: border-box;

Предположение Бабушки Ванги 2:

Для body поставить overflow-x: hidden;
Ответ написан
Комментировать
@tyzberd
Предположение прабабушки Ванги)
Можно ли как-нибудь убрать скролл на устройствах с дисплеями меньше 380рх?

Сами поставили viewport в ширину экрана, а сайту 380, вот и скорл. Хотите избавиться пишите фиксированный viewport с помощью js для устройств меньше 380, тогда будете масштабом играться.
Ответ написан
LenovoId
@LenovoId
svg, css,js
На стаковерфлоу не показали код думаете здесь все бабы ванги что ли ?
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы