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

Question

[xakslim]

Есть страница: у body задано min-wight: 380px, у viewport content="width=device-width". Когда открываю сайт на мобильнике появляется небольшой горизонтальный скролл. На десктопе проверял блоков с фиксированной шириной и выходящих текстов нет. Блоки удалял, скрол все равно имеется. Можно ли как-нибудь убрать скролл на устройствах с дисплеями меньше 380рх?

Answer 1

[xakslim]

Все само стало встраиваться под экраны меньшего размера, без скролла

Answer 2

[Сергей Горячев]

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

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

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

Для body поставить overflow-x: hidden;

Answer 3

[tyzberd]

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

Можно ли как-нибудь убрать скролл на устройствах с дисплеями меньше 380рх?

Сами поставили viewport в ширину экрана, а сайту 380, вот и скорл. Хотите избавиться пишите фиксированный viewport с помощью js для устройств меньше 380, тогда будете масштабом играться.

Comments

[Сергей Горячев]

Вообще да, чет я перегнул палку. Это ж логично.

Answer 4

[Максим]

На стаковерфлоу не показали код думаете здесь все бабы ванги что ли ?

Comments

[xakslim]

index.hrml:
....

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

...

css:

body {
  min-width: 380px;
  width: 100%;
}

[Сергей Горячев]

Ржунимагу)))