ios - iPhone の最大縮尺のビューポート ズームを中央に揃える方法

Question

最大縮尺を設定し、方向を前後に回転すると、Web ページが電話の中央に配置されません。

したがって、このコードを使用して

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

margin: 0 auto; の CSS 効果を模倣するにはどうすればよいですか。

Answer 1

Google からここにアクセスする場合は、Apple の次のページも参照してください[1]。

ビューポート タグは非常に便利です。

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

Answer 2

これを機能させるには、別のラッパーの中にラッパーが必要です。外側のものには次の CSS があります。

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

そして内側のものには次のものがあります：

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

あなたはまだ使用することができますmargin: 0 auto;