Discussion :

[Jean-Georges]

Bonjour,
Je suis en train de développer un premier site mobile et voudrais que celui-ci garde une largeur fixe plein écran sur un iPhone vertical et centrée en horizontal. En gros, mon conteneur fait une largeur de 640px. Je veux qu'en horizontal, le viewport se fixe à cette largeur, peu importe la largeur réelle de l'écran. En mode horizontal, je veux par contre que le viewport affiche au minimum 640px, mais dans le cas où l'écran serait plus large, le conteneur apparaîtrait centré.

J'ai mis la balise <meta name="viewport" content="width=640" />.
Sur mon smartphone androïd, le résultat est bien celui que je veux obtenir.
Sur iPhone par contre, à l'horizontale l'affichage est zoomé pour afficher les 640px en plein écran.

Existe-t-il une solution simple à mettre en oeuvre ?
Merci d'avance.

[NoSmoking]

Bonjour,
as tu regardé du coté des Media Queries.

Peut être en couplant avec une feuille de style spécifique.

[Jean-Georges]

Bonjour,
Les media queries ne me permettraient que de changer les éléments de la page.
C'est la définition d'affichage que j'ai besoin de contrôler.

[NoSmoking]

Les media queries ne me permettraient que de changer les éléments de la page.

c'est un peu réducteur.

Tu peux toujours jouer sur l'échelle en ajoutant dans ta meta un truc du style content="initial-scale=1.0, user-scalable=no", mais je ne pense pas* que cela soit une bonne idée que d'IMPOSER à tes visiteurs une taille de lecture.

Voir plutôt coté du style suivant l'orientation par exemple

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
@media all and (orientation:portrait) { … }
@media all and (orientation:landscape) { … }

* en fait j'en suis sûr