@Tarasov-Front-Dev

Ширина окна в мобильном браузере больше ширины html, body и контента в целом на телефоне. Что делать?

Добрый день! Никак не могу разобраться, в чем дело. Помогите!
В мобильном браузере сайт грузится как и задумано: 100% попадание в ширину контента. Но почему-то остается горизонтальная полоса прокрутки, хотя кроме бэкграунда никакого контента за экраном нет.
Перепробовал все, что нашел: overflow, background-clip, min/max-width, что-то еще.
По логам получается, что window.innerWidth > document.documentElement.offsetWidth.

Помогите исправить!

64272ebcc5fb7875521725.png
  • Вопрос задан
  • 77 просмотров
Пригласить эксперта
Ответы на вопрос 2
iamd503
@iamd503 Куратор тега CSS
Верстальщик
Как вариант добавить body {oveflow-x: hidden}
Или обернуть весь контент в блок wrapper например
.wrapper {overflow: hidden}
Но position: sticky работать не будет внутри этого блока

P.S. А так у вас может быть скрытый блок через абсолют. Попробуйте удалять блоки по одному в инспекторе и увидите, который из блоков вылазит
Ответ написан
@strelok011
скину ссылку на свой же ответ ранее https://qna.habr.com/q/1223280#answer_2254764
Ответ написан
Ваш ответ на вопрос

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

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