Problème avec l'orientation (portrait/landscape)

Bonjour à tous et à toute,

J'ai un petit problème avec la version mobile de mon site web. En effet, au début j'avais mis comme requête dans mon html ceci :

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

Mais c'est vrai que le maximum-scale=1 n'est pas très porté accessibilité, ni ergonomie et empêche donc le visiteur de zoomer comme bon lui semble. Je l'ai donc supprimé depuis que l'on m'a fait la remarque.

Mais maintenant quand je passe du mode portrait au mode paysage, j'ai un très gros zoom sur le header du site, alors qu'avec un maximum-scale=1 j'avais un aperçu du site en totalité.

Explications en images :

Mode portrait qui fonctionne sans aucun problème : http://www.toopix.eu/userfiles/688a5135a186e32239276a238c65f44a.png

Je passe en mode paysage (j'ai un problème, j'ai un énorme zoom) : http://www.toopix.eu/userfiles/84e2ee6b2a37fffcd3f2aa511f5ab33e.png

Ce que je souhaiterais avoir : http://www.toopix.eu/userfiles/194f5ffb82d4a90f8a132fa721aa0c8c.png

Lien du site : http://www.jeremdsgn.com

Merci de votre part.
Modifié par JeremGraph (25 Feb 2012 - 13:58)

Saloute,

Peut être ceci fera ton bonheur :

@media (max-width:640px) and (orientation: landscape) {
  body {
   -webkit-text-size-adjust: 70%;
  }
}

(trouvé sur la feuille de style de base pour mobile d'Alsa)

Salut;

Moi je trouve que c'est déjà un peu incompréhensible de devoir déclarer le viewport mais enfin je suis pas le premier sur la liste pour me prononcer là-dessus alors je m'arrête là.

Sinon je ne pense pas que le media query de Gili va solutionner ton problème,
va voir ce lien où l'on parle de viewport, je l'avais bookmarké il y a quelques temps :
https://developer.mozilla.org/en/Mobile/Viewport_meta_tag

Modifié par jmlapam (25 Feb 2012 - 16:04)

jmlapam a écrit :
Salut;

Moi je trouve que c'est déjà un peu incompréhensible de devoir déclarer le viewport mais enfin je suis pas le premier sur la liste pour me prononcer là-dessus alors je m'arrête là.

Sinon je ne pense pas que le media query de Gili va solutionner ton problème,
va voir ce lien où l'on parle de viewport, je l'avais bookmarké il y a quelques temps :
https://developer.mozilla.org/en/Mobile/Viewport_meta_tag

Qu'est ce que tu entends par "incompréhensible" ? il y a d'autres solutions plus viables ?
Je regarde du côté de ton lien pour voir si ça répond à ma question.

Bon après avoir lu ton lien jmlapam j'ai pas vraiment trouvé ce que je cherchais. J'ai beau tester quelques trucs recommandés, rien n'y fait. Je suis un peu pommé pour le coup.