Задать вопрос
@Tarasov-Front-Dev
html

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

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

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

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

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

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

Похожие вопросы
Вакансии с Хабр Карьеры
Верстальщик HTML
MST
от 450 $
Баннермейкер (html-5)/дизайнер-верстальщик/motion-дизайнер
BYTIME
от 130 000 ₽
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработка Roguelike-игры на Unity для Android
26 дек. 2024, в 01:11
120000 руб./за проект
Доработка веб-платформы на PHP
26 дек. 2024, в 00:27
35000 руб./за проект
Нарисовать обложку для рекламной кампании в VK Ads
25 дек. 2024, в 22:59
1000 руб./в час
Ещё заказы