iPhone 4 忽略视口元标记
我刚刚将以下 HTML 添加到 iPhone Web 应用程序的 部分：
这（据说）限制了页面的缩放，因此用户无法放大。在 4.0 之前的 iOS 版本上，这标签受到尊重 - 但 iOS 版本 4.0+ 完全忽略它，并让你放大你想要的一切。此外，如果你旋转，iPhone 4 会奇怪地自动放大。
所以我要问的是，如何“锁定”我的应用程序的缩放？ 有人能指出我正确的方向吗？
I have just added the following HTML to the <head> section of my iPhone web app:
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;"/>
This (supposedly) limits the zoom of the page so the user can't zoom in. On iOS versions prior to 4.0, this tag is respected - but iOS versions 4.0+ completely ignore it, and lets you zoom in all you want. Furthermore, if you rotate, iPhone 4 will weirdly zoom in automatically.
So what I'm asking is, How can I "lock" the zoom for my app?
Can anyone point me in the right direction?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
如果您在“辅助功能”设置（“常规”内）中启用了“缩放”，Safari 似乎会忽略视口元（仅在 iOs 4 上的 iPhone 4 上进行测试）。
更改设置后您需要重新加载页面。
If you have Zoom enabled in the Accessibility settings (inside General), Safari seems to ignore the viewport meta (tested only on iPhone 4 on iOs 4).
You need to reload your page after changing the setting.
错字？使用逗号。
试试这个：
另外，为什么要使用最大值-scale 如果你想固定视口？
如果使用“width=device-width”，iphone3和iphone4之间的视口将不同。
你也可以尝试这个：
请将 (您的页面宽度) 替换为您网站的宽度。
typo? use comma.
try this:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>Also, why use maximum-scale if you want the viewport to be fixed?
If you use "width=device-width", the viewport will be different between iphone3 and iphone4.
You may try this one too:
<meta name="viewport" content="width = (your page width), user-scalable = no"/>please replace (your page width) with your site's width.