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?