我刚刚将以下HTML添加到我的iPhone网络应用的<head>
部分:
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;"/>
这(据说)限制了页面的缩放,因此用户无法放大。在4.0之前的iOS版本中,此标签受到尊重 - 但iOS版本4.0+完全忽略它,并让您放大所有想。此外,如果你旋转,iPhone 4会自动奇怪地放大。
所以我要问的是,如何“锁定”我的应用程序的缩放? 有人能指出我正确的方向吗?
答案 0 :(得分:1)
错字?用逗号。
试试这个:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
另外,如果要修复视口,为什么要使用最大比例? 如果使用“width = device-width”,则iphone3和iphone4之间的视口会有所不同。
您也可以尝试这个:
<meta name="viewport" content="width = (your page width), user-scalable = no"/>
请用您网站的宽度替换(您的页面宽度)。
答案 1 :(得分:1)
如果在辅助功能设置中启用了缩放(在常规内部),Safari似乎忽略了视口元(仅在iOs 4上的iPhone 4上测试过)。
您需要在更改设置后重新加载页面。