OGeek|极客世界-中国程序员成长平台

标题: ios - 无法在 iOS Safai 中的 Web 应用程序上禁用捏合缩放(和双击)缩放 [打印本页]

作者: 菜鸟教程小白    时间: 2022-12-12 15:51
标题: ios - 无法在 iOS Safai 中的 Web 应用程序上禁用捏合缩放(和双击)缩放

我正在尝试在 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-推荐答案


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

这适用于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/






欢迎光临 OGeek|极客世界-中国程序员成长平台 (http://ogeek.cn/) Powered by Discuz! X3.4