Ausrichten des maximalen Viewport-Zooms für das iPhone in der Mitte

Question

Wenn ich eine maximale Skalierung einstelle und die Ausrichtung hin- und herdrehe, wird die Webseite nicht auf dem Telefon zentriert.

Mit diesem Code wird also

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

Wie kann ich den CSS-Effekt von margin: 0 auto; imitieren?

Answer 1

Wenn Sie von Google hierher kommen, sollten Sie sich auch die folgende Seite über Apple[1] ansehen.

Das Viewport-Tag ist sehr hilfreich.

[1]: http://developer.apple.com/library/IOS/#documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html Verwendung des ViewPort

Answer 2

Sie müssen einen Wrapper innerhalb eines anderen Wrappers haben, damit dies funktioniert. Der äußere Wrapper wird das folgende CSS haben:

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

Und das Innere wird Folgendes haben:

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

Sie können weiterhin margin: 0 auto;