4

我目前正在构建一个针对移动设备优化的网站。

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>

我有一个动态 javascript 网格，我不想在移动设备上缩放。

上面的行在 iphone 上完美运行，但我认为它不适用于 android 或 webos。我如何也可以为这些移动设备设置 NO-SCALE 模式。所以没有捏和缩放，设备宽度是 100% 浏览器宽度？

4

1 回答 1

6

根据http://developer.android.com/guide/webapps/targeting.html#Metadata，“user-scalable”属性需要设置为“no”，而不是 0。所以：

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;"/>

编辑：Safari 参考库页面底部附近的更多信息- 支持的元标记：

user-scalable
确定用户是否可以放大和缩小——用户是否可以更改视口的比例。设置为yes允许缩放和no禁止缩放。默认值为yes.

设置user-scalable为no还可以防止网页在输入字段中输入文本时滚动。

在 iOS 1.0 及更高版本中可用。

于 2010-12-09T22:01:54.200 回答