android和webos没有内容缩放？

Question

嘿伙计们,我目前正在建立一个针对移动设备优化的网站.

<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%的浏览器宽度？

谢谢你的提示.

关于亚光

Answer 1

根据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及更高版本.