iPhone 4忽略了视口元标记

时间:2010-07-17 17:22:47

标签: iphone html web-applications iphone-4 metatag

我刚刚将以下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会自动奇怪地放大。

所以我要问的是,如何“锁定”我的应用程序的缩放? 有人能指出我正确的方向吗?

2 个答案:

答案 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上测试过)。

您需要在更改设置后重新加载页面。