ios - 无法在 iOS Safai 的 Web 应用程序上禁用捏合缩放(和双击)缩放

Question

我试图在网络应用程序上禁用双指缩放，但以下元标记在 iOS Safari 和 iOS Chrome 中的效果为零:

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

我尝试将以下内容添加到元标记中，但我也没有成功。捏合(和双击)缩放仍处于启用状态。

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />

对为什么这两个元标记可能不起作用有任何见解吗？

Answer 1

对我来说，以下元标记在这两种情况下都有效

这适用于 cordova/Ionic 项目，它禁用普通页面上的双击/捏合

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

我在 iOS safari 中使用 jquery/bootstrap 打开了一个简单的页面，这也禁用了双击/双指缩放

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

如果你还没有尝试过，你可以检查这个代码: https://stackoverflow.com/a/11689448/4557505

另外请提供一些关于您的网络应用程序的详细信息，它是默认的网络应用程序，例如 html5/responsive 还是您使用的是任何跨平台，例如 cordova/Ionic，这将有助于检查具体情况