Site web fluide, problème de scroll involontaire sur iphone
pinky-mango
-
animostab Messages postés 3003 Date d'inscription Statut Membre Dernière intervention -
animostab Messages postés 3003 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je suis entrain de créer la prochaine version de mon site qui sera fluide mais je constate un problème sur mon iphone. En fait la page affiche bien, mais je peux scroller à droite et on y trouve du vide!?
Voilà la page qui s'affiche sans que je scroll à droite.
Tout est ok.
http://img4.hostingpics.net/pics/71798320140814223150.png
et quand je scroll:
http://img4.hostingpics.net/pics/25073720140814223153.png
Il y a que du vide sur le côté et c'est comme ça partout, même si je scroll vers le bas.
je m'arrive pas à trouver d'où vient le problème.
Peux-être de mes metas pour l'affichage mobile?
Voilà le code :
Le problème survient juste sur mon iphone (4s) ou peut-être autres téléphones mobile (mais pas encore testé) et pas sur mon macbook.
Merci beaucoup ! :)
Je suis entrain de créer la prochaine version de mon site qui sera fluide mais je constate un problème sur mon iphone. En fait la page affiche bien, mais je peux scroller à droite et on y trouve du vide!?
Voilà la page qui s'affiche sans que je scroll à droite.
Tout est ok.
http://img4.hostingpics.net/pics/71798320140814223150.png
et quand je scroll:
http://img4.hostingpics.net/pics/25073720140814223153.png
Il y a que du vide sur le côté et c'est comme ça partout, même si je scroll vers le bas.
je m'arrive pas à trouver d'où vient le problème.
Peux-être de mes metas pour l'affichage mobile?
Voilà le code :
<meta name = "viewport" content = "width = 320,
initial-scale = 1, user-scalable = no">
Le problème survient juste sur mon iphone (4s) ou peut-être autres téléphones mobile (mais pas encore testé) et pas sur mon macbook.
Merci beaucoup ! :)
2 réponses
-
salut
en faite le vrai problème n'est pas résolu.
ta solution
c'est comme prendre de l'aspirine contre une bactérie
tu supprime la douleur mais tu ne supprime pas la bactérie.
ce doit être un probleme de margin et de width qui quand ils s'additionnent donnent plus de 100%
ou un de tes éléments en float ou en width mal calculé quand sa passe en petite résolution d'écran
impossible de t'en dire plus avec des png
-
Problème résolu!
Pour ceux qui ont le même problème ajouter ses lignes à votre css:html {
overflow-x: hidden;
height: 100%;
}
body {
height: 100%;
overflow-x: hidden;
}
