Как убрать невидимую полосу в правой стороне (такое только с телефона)?
здравствуйте, верстаю сайт для заказчика, и тут возникла проблема с внешним видом. Когда заходишь с телефона то правом боку появляется белая полоса. Уже пробовал:
* { margin: 0; padding: 0; } html, body { margin: 0; padding: 0; } |
* { margin: 0; padding: 0; } html, body { margin: 0; padding: 0; }
И чет ничего.
Дополнительно:
Перестать называть отступ невидимой полосой и погуглить «горизонтальный скролл на мобильном» ?
Причем на скрине даже хорошо видно, что именно торчит.
Вы же сами на своем скрине показали, какие элементы у вас не влезают во вьюпорт. Сделайте так, чтобы влезали, и "невидимой полосы" не будет.
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для того чтобы убрать невидимую полосу справа на мобильных устройствах, вам нужно добавить следующий CSS код:
```html
body {
overflow-x: hidden;
}
```
Этот код позволит скрыть горизонтальную полосу прокрутки на мобильных устройствах, которая может появляться из-за ширины контента, превышающей ширину экрана.
Также, убедитесь, что у ваших элементов на странице правильно заданы ширина и отступы, чтобы они не выходили за границы экрана и не вызывали появление полосы прокрутки.
Если проблема сохраняется, возможно, вам придется также проверить другие стили на странице, которые могут влиять на ширину элементов и вызывать появление полосы прокрутки.
Надеюсь, это поможет вам решить проблему с невидимой полосой справа на мобильных устройствах. Если у вас есть дополнительные вопросы, не стесняйтесь задавать.