我正在尝试在 Web 应用上禁用双指缩放,但以下元标记在 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" />
了解为什么这两个元标记可能不起作用?
Best Answer-推荐答案 strong>
对我来说,以下元标记在这两种情况下都有效
这适用于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),这将有助于检查具体情况
关于ios - 无法在 iOS Safai 中的 Web 应用程序上禁用捏合缩放(和双击)缩放,我们在Stack Overflow上找到一个类似的问题:
https://stackoverflow.com/questions/31479514/
|