我目前正在建立一个为移动设备优化的网站。
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
我有一个动态的javascript网格,我不想在移动设备上缩放。
上面这行代码在iphone上运行得很好,但我认为它在android或webos上不起作用。如何也为这些移动设备设置无缩放模式。所以没有收缩和缩放,设备宽度是100%浏览器宽度?
发布于 2010-12-10 06:01:54
根据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和更高版本中可用。
https://stackoverflow.com/questions/4402844
复制相似问题