1

我刚刚将以下 HTML 添加到<head>我的 iPhone Web 应用程序的部分:

<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 会奇怪地自动放大。

所以我要问的是,我怎样才能“锁定”我的应用程序的缩放?谁能指出我正确的方向?

4

2 回答 2

1

如果您在辅助功能设置中启用了缩放(在常规中),Safari 似乎会忽略视口元数据(仅在 iOs 4 上的 iPhone 4 上测试过)。

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

于 2011-06-28T13:56:56.760 回答
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"/>

请用您网站的宽度替换(您的页面宽度)。

于 2011-01-25T09:36:50.260 回答