189 votes

Overflow-x:hidden n'empêche pas le contenu de déborder dans les navigateurs mobiles

J'ai un site web aquí .

Dans un navigateur de bureau, la barre de menu noire ne s'étend correctement que jusqu'au bord de la fenêtre, puisque le bouton body a overflow-x:hidden .

Dans tout navigateur mobile, qu'il s'agisse d'Android ou d'iOS, la barre de menu noire s'affiche dans toute sa largeur, ce qui amène un espace blanc à droite de la page. Pour autant que je puisse le dire, cet espace blanc ne fait même pas partie de l'architecture du site. html o body tags.

Même si j'ai défini la fenêtre d'affichage à une largeur spécifique dans l'interface de l'utilisateur. <head> :

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

Le site s'étend jusqu'à 1100px mais conserve l'espace blanc au-delà de 1100px.

Qu'est-ce que je rate ? Comment puis-je maintenir la fenêtre d'affichage à 1100 et couper le débordement ?

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X