1485 sujets

Web Mobile et responsive web design

Adaptation de iPhone à Android

Bonjour,

J'ai fait des pages web mobiles en mettant 320px de largeur.
Sur les iPhone (iPhone 3, iPhone 4, etc.), aucun problème, la page s'adapte.
Par contre, sur le Samsung Galaxy SIII par exemple, il y a des espaces blancs sur les côtés, ce qui veut dire que la page ne s'adapte pas.

Faut-il donc faire un css spécifique pour chaque taille d'écran Android (480px, 720px, etc.)?
Si non, comment faire?
Utilise plutôt 500px en largeur max pour du portrait. Smiley cligne
Modifié par Patidou (03 Jul 2012 - 15:41)
Le problème, c'est que la largeur du Samsung Galaxy S3 est de 720px.
J'ai tout essayé, mais rien n'y fait.
Comment faire pour que ça s'affiche bien sur un Samsung Galaxy S3?
Salut, as tu un viewport dans ton <head> ?

<meta name="viewport" content="width=device-width, initial-scale=1.0">


As tu essayé avec des valeurs plus importantes que 720px ? du genre 2000px...

pour debugger l'affichage sur mobile j'essaie toujours des valeurs monstres quand je ne comprends pas pourquoi ça ne marche pas.

Utilises-tu max-width ou max-device-width ?

Si tu as un lien à nous passer peut être on y verra plus clair Smiley cligne
Vérifie le niveau de zoom du navigateur par défaut.
J'ai perdu un peu de temps à cause de cette configuration par défaut.

Il semble que par defaut on est un niveau de zoom moyen.
L'affichage normal est "zoom arriere".
Tu peux aussi tester avec opera mobile, qui fonctionne très bien.

Il me reste a trouver une solution, puisque l'utilisateur lambda verra mes sites avec le "zoom moyen" activé...
Sujet clos
Aller à