Несколько причин, по которым могут появляться лишние полосы прокрутки в веб-приложениях:

• Установка ширины тела на 100vw. 1 В этом случае элемент занимает всю ширину viewport, включая ширину полос прокрутки. 1 Вместо этого следует использовать ширину 100%. 1
• Элементы с фиксированной шириной. 1 Например, если в макете для рабочего стола ширина элемента или изображения задана 500px, то на мобильных экранах шириной 375px появится полоса прокрутки. 1
• Отсутствие обрезки элементов за пределами viewport или элементов, которые шире viewport. 1 Например, если не содержать в элементе с overflow: hidden элемент, который шире viewport. 1

Для решения проблемы можно установить запрет отображения полосы прокрутки для одного из родительских блоков или сразу для всего body с помощью свойства overflow-x: hidden. 4