如何居中对齐 iPhone 的最大比例视口缩放
当我设置最大比例并且来回旋转方向时,网页不会在手机上居中。
那么使用这段代码
<meta name="viewport" content="width=device-width; initial-scale=0; maximum-scale=2;">
如何模仿margin: 0 auto;的CSS效果。
When I set a maximum scale and when I rotates orientations back and forth, the web page isn't centered on the phone.
So using this code
<meta name="viewport" content="width=device-width; initial-scale=0; maximum-scale=2;">
How can I mimic the CSS effect of margin: 0 auto;.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
对于从 Google 到达这里的人,您还应该查看 Apple 上的以下页面[1]。
视口标签非常有用。
[1]:http://developer. apple.com/library/IOS/#documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html 使用 ViewPort
For people arriving here from Google, you should also look at the following page on Apple[1].
The viewport tag is quite helpful.
[1]: http://developer.apple.com/library/IOS/#documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html Using the ViewPort
您需要在另一个包装器内部有一个包装器才能使其正常工作。外部的 CSS 如下:
内部的 CSS 如下:
您仍然可以使用
margin: 0 auto;
You will need to have a wrapper inside of another wrapper to get this to work. The outside one will have the following CSS:
And the inside one will have the following:
You can still use
margin: 0 auto;