Overflow-x: скрытый не предотвращает переполнение контента в мобильных браузерах
У меня есть сайтВот.
При просмотре в настольном браузере черная строка меню правильно распространяется только до края окна, посколькуbody
имеетoverflow-x:hidden
В любом мобильном браузере, будь то Android или iOS, черная строка меню отображает свою полную ширину, что приводит к появлению пробелов в правой части страницы. Насколько я могу судить, этот пробел недаже частьhtml
или жеbody
теги.
Даже если я установлю область просмотра на определенную ширину в:
Сайт расширяется до 1100 пикселей, но все еще имеет пробелы после 1100.
Что мне не хватает? Как мне сохранить область просмотра до 1100 и отсечь переполнение?