Overflow-x:hidden не предотвращает переполнение контента в мобильных браузерах. ⇐ CSS

[Anonymous]

У меня есть веб-сайт.

При просмотре в настольном браузере черная строка меню правильно простирается только до края окна, поскольку тело имеет переполнение-x:скрытый.

В любом мобильном браузере, будь то Android или iOS, черная строка меню отображается на всю ширину, что приводит к появлению пробелов в правой части страницы. Насколько я могу судить, этот пробел даже не является частью тегов html или body.

Даже если я установил для области просмотра определенную ширину в :

Код: Выделить всё

Сайт расширяется до 1100 пикселей, но пробелы все еще остаются за пределами 1100.

Что мне не хватает? Как мне сохранить область просмотра на уровне 1100 и отключить переполнение?

Подробнее здесь: https://stackoverflow.com/questions/142 ... e-browsers