Чтобы предотвратить горизонтальную прокрутку веб-страницы, вы можете использовать несколько методов. Вот некоторые часто используемые подходы:

1. Свойство CSS Overflow: вы можете применить CSS к элементу контейнера, содержащему содержимое, и установить для свойства overflow-xзначение hidden. Это скроет любой контент, превышающий ширину контейнера, и предотвратит горизонтальную прокрутку. Пример: overflow-x: скрыто;

2. Адаптивный дизайн. Убедитесь, что ваша веб-страница адаптивна и адаптируется к экранам разных размеров. Используйте медиа-запросы CSS, чтобы настроить макет и содержимое в зависимости от ширины области просмотра. Таким образом, содержимое уместится в доступном пространстве и можно избежать горизонтальной прокрутки.

3. Ограничение ширины элементов. Убедитесь, что ширина ваших элементов, таких как изображения, видео или другие контейнеры с контентом, находится в пределах страницы. Если ширина элемента превышает ширину страницы, это может вызвать горизонтальную прокрутку. Отрегулируйте ширину таких элементов в соответствии с доступным пространством.

4. Минимизация переполнения контента. Проверьте, не вызывает ли какой-либо контент на вашей странице горизонтальную прокрутку. Проверьте ширину текста, изображений, таблиц и других элементов и убедитесь, что они помещаются в свои контейнеры и не переполняются.

5. JavaScript: вы можете использовать JavaScript для динамического расчета и установки размеров элементов, чтобы предотвратить горизонтальную прокрутку. Этот метод может потребовать более продвинутых навыков программирования.