iphone – android和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％浏览器宽度？

谢谢你的提示.

关于亚光

解决方法:

根据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页面底部附近的更多信息：

user-scalable
Determines whether or not the user can
zoom in and out—whether or not the
user can change the scale of the
viewport. Set to yes to allow scaling
and no to disallow scaling. The
default is yes.

Setting user-scalable to no also
prevents a webpage from scrolling when
entering text in an input field.

Available in iOS 1.0 and later.

标签：css,android,iphone,webos
来源： https://codeday.me/bug/20190606/1189141.html