Overflow-x: hidden nie zapobiega przepełnieniu treści w przeglądarkach mobilnych

Mam stronę internetowątutaj.

Czarny pasek menu wyświetlany w przeglądarce na pulpicie rozciąga się tylko na krawędź okna, ponieważbody maoverflow-x:hidden.

W dowolnej przeglądarce mobilnej, zarówno Android, jak i iOS, czarny pasek menu wyświetla jego pełną szerokość, co zapewnia białe znaki po prawej stronie. O ile wiem, ten biały znak nie jest nawet częściąhtml lubbody tagi.

Nawet jeśli ustawię rzutnię na określoną szerokość w<head>:

<meta name="viewport" content="width=1100, initial-scale=1">

Witryna rozszerza się do 1100 pikseli, ale nadal ma białe znaki poza 1100.

czego mi brakuje? Jak zachować rzutnię na 1100 i odciąć przepełnienie?

questionAnswers(15)

yourAnswerToTheQuestion