Android 6.0+，Chrome 版本 53 中忽略了 meta viewport 标签的 user-scalable=no 属性？

Question

我创建了一个响应式网站，它应该根据窗口大小进行缩放。该网站提供了一个涂鸦应用程序（使用鼠标/手指），它有自己的缩放库，因此我不想允许用户使用传统的“捏合”缩放页面，因为那会干扰我的库并创建偏移量。

所以我添加了meta viewport标签：

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1">

不应允许用户通过捏合缩放，但实际上可以。在Android v6.01和Chrome v.53中，并不完全忽略"user-scalable=no"，而在Firefox v.48上则按照预期工作（或至少我认为是应该的）。由于没有现成的iOS设备，无法在Safari上进行测试。稍后编辑：在Android v6.01和Chrome v.52中，当"user-scalable=no"时不允许捏合。我做错了什么？在最新版本的Chrome中，默认情况下是否忽略了user-scalable属性？

- RMS

Answer 1

您可能在“设置>辅助功能”中勾选了“强制启用缩放”选项。在 Chrome M53 中，对我来说使用 user-scalable=no 是正确的。

- David Bokan

---

是的，你说得对。我就算拼命想也想不出来。现在想想，真是个愚蠢的问题。 - RMS

@Roxanne 很好的问题，它也解决了我的问题。 - nh2

请注意，这是在Chrome中的“设置->辅助功能”，而不是在Android中。但是，在这种情况下，我没有启用“强制启用缩放”，但它仍然没有遵守user-scalable=no指令。Android 8.1，chrome 67。 - Michael