Comment centrer l'alignement du zoom de la fenêtre de l'échelle maximale pour l'iphone

Question

Lorsque je règle une échelle maximale et que je fais pivoter les orientations d'avant en arrière, la page Web n'est pas centrée sur le téléphone.

Donc, en utilisant ce code

<meta name="viewport" content="width=device-width; initial-scale=0; maximum-scale=2;"> 

Comment puis-je imiter l'effet CSS de la marge: 0 auto ;.

Answer 1

Vous aurez besoin d'un emballage à l'intérieur d'un autre emballage pour que cela fonctionne. L'un à l'extérieur aura le CSS suivant:

#wrapper { 
min-width: 320px; 
max-width: 480px; 
} 

Et l'intérieur aura le suivant:

#inside-wrapper { 
min-width: 300px; 
max-width: 460px; 
margin: 0 auto; 
} 

Vous pouvez toujours utiliser margin: 0 auto;

Answer 2

Pour les personnes arrivant ici de Google, vous devriez Regardez aussi la page suivante sur Apple [1].

La balise viewport est très utile.

[1]: http://developer.apple.com/library/IOS/#documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.htmlUtilisation du ViewPort