ios - 无法在 iOS Safai 中的 Web 应用程序上禁用捏合缩放(和双击)缩放
<p><p>我正在尝试在 Web 应用上禁用双指缩放,但以下元标记在 iOS Safari 和 iOS Chrome 中的效果为零:</p>
<pre><code><meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0"/>
</code></pre>
<p>我尝试将以下内容添加到元标记中,但我也没有成功。捏(和双击)缩放仍然启用。</p>
<pre><code><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" />
</code></pre>
<p>了解为什么这两个元标记可能不起作用?</p></p>
<br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
<p><p>对我来说,以下元标记在这两种情况下都有效</p>
<p>这适用于cordova/Ionic 项目,它会禁用普通页面上的双击/捏合</p>
<pre><code><meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
</code></pre>
<p>我在 iOS safari 中使用 jquery/bootstrap 打开一个简单页面,这也禁用了双击/捏缩放</p>
<pre><code><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
</code></pre>
<p>如果您没有尝试过,您可以检查此代码:
<a href="https://stackoverflow.com/a/11689448/4557505" rel="noreferrer noopener nofollow">https://stackoverflow.com/a/11689448/4557505</a> </p>
<p>另外请提供有关您的网络应用程序的一些详细信息,它是默认网络应用程序(如 html5/responsive),还是您使用任何跨平台(如cordova/Ionic),这将有助于检查具体情况</p></p>
<p style="font-size: 20px;">关于ios - 无法在 iOS Safai 中的 Web 应用程序上禁用捏合缩放(和双击)缩放,我们在Stack Overflow上找到一个类似的问题:
<a href="https://stackoverflow.com/questions/31479514/" rel="noreferrer noopener nofollow" style="color: red;">
https://stackoverflow.com/questions/31479514/
</a>
</p>
页:
[1]