如何居中对齐iphone的最大比例视口缩放

时间:2010-10-21 04:41:42

标签: ios css iphone viewport

当我设置最大比例并且当我来回旋转方向时,网页不会在手机上居中。

所以使用此代码

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

如何模仿margin的CSS效果:0 auto;。

2 个答案:

答案 0 :(得分:4)

对于从Google抵达此处的人,您还应该查看Apple [1]上的以下页面。

视口标记非常有用。

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

答案 1 :(得分:2)

您需要在另一个包装器中包含一个包装器才能使其正常工作。外面的将有以下CSS:

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

内部会有以下内容:

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

您仍然可以使用margin: 0 auto;