菜鸟教程小白 发表于 2022-12-12 15:51:43

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


                                            <p><p>我正在尝试在 Web 应用上禁用双指缩放,但以下元标记在 iOS Safari 和 iOS Chrome 中的效果为零:</p>

<pre><code>&lt;meta name=&#34;viewport&#34; content=&#34;user-scalable=no, initial-scale=1.0, maximum-scale=1.0&#34;/&gt;
</code></pre>

<p>我尝试将以下内容添加到元标记中,但我也没有成功。捏(和双击)缩放仍然启用。</p>

<pre><code>&lt;meta name=&#34;viewport&#34; content=&#34;user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi&#34; /&gt;
</code></pre>

<p>了解为什么这两个元标记可能不起作用?</p></p>
                                    <br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
                                            <p><p>对我来说,以下元标记在这两种情况下都有效</p>

<p>这适用于cordova/Ionic 项目,它会禁用普通页面上的双击/捏合</p>

<pre><code>&lt;meta name=&#34;viewport&#34; content=&#34;initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width&#34;&gt;
</code></pre>

<p>我在 iOS safari 中使用 jquery/bootstrap 打开一个简单页面,这也禁用了双击/捏缩放</p>

<pre><code>&lt;meta name=&#34;viewport&#34; content=&#34;width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no&#34;&gt;
</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]
查看完整版本: ios - 无法在 iOS Safai 中的 Web 应用程序上禁用捏合缩放(和双击)缩放