android和webos没有内容缩放?

时间:2010-12-09 20:32:47

标签: iphone android css webos

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

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

感谢您的提示。

关于亚光

1 个答案:

答案 0 :(得分:6)

根据http://developer.android.com/guide/webapps/targeting.html#Metadata,“用户可扩展”属性需要设置为“no”,而不是0.所以:

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

编辑Safari Reference Library - Supported Meta Tags页面底部附近的更多信息:

  

用户可扩展
  确定用户是否可以   放大和缩小 - 是否   用户可以改变规模   视。设置为yes以允许缩放   和no禁止扩展。该   默认值为yes

     

也将user-scalable设为no   阻止网页滚动时   在输入字段中输入文本。

     

适用于iOS 1.0及更高版本。