当我设置最大比例并且来回旋转方向时,网页不在手机上居中。
所以使用这段代码
<meta name="viewport" content="width=device-width; initial-scale=0; maximum-scale=2;">
如何模仿 margin: 0 auto; 的 CSS 效果。
对于从 Google 来到这里的人,您还应该查看 Apple[1] 上的以下页面。
视口标签非常有用。
[1]: http: //developer.apple.com/library/IOS/#documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html 使用视口
您需要在另一个包装器中包含一个包装器才能使其正常工作。外部将具有以下 CSS:
#wrapper {
min-width: 320px;
max-width: 480px;
}
内部将具有以下内容:
#inside-wrapper {
min-width: 300px;
max-width: 460px;
margin: 0 auto;
}
你仍然可以使用margin: 0 auto;