元视口标签用户可缩放=在Android 6.0及更高版本的Chrome浏览器中不能忽略53?

Rox*_*nne 4 html android google-chrome viewport meta-tags

我创建了一个响应式网站,该网站应根据窗口大小进行相应缩放。该网站提供了一个绘图应用程序(使用鼠标/手指),该应用程序具有自己的缩放库,因此,我不想让用户使用经典的“缩放”来缩放页面,因为这会干扰我的库并产生偏移。

所以我添加了meta视口标签:

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1">
Run Code Online (Sandbox Code Playgroud)

不应允许用户通过捏来缩放。但是确实如此。

Android v 6.01和Chrome v。53 完全忽略了user-scalable = no,而在Firefox v.48上,它按预期运行(或至少按我认为的运行)。无法使用Safari进行测试,因为我没有方便的iOS设备。

稍后编辑:user-scalable = no时,Android v 6.01和Chrome v。52不允许捏合。

我在这里做错了什么?在最新版本的Chrome中,默认情况下会忽略用户可扩展属性吗?

Dav*_*kan 5

您可能在“设置”>“辅助功能”中选中了“强制启用缩放”。user-scalable = no在Chrome M53中对我而言正常工作。