菜鸟教程小白 发表于 2022-12-12 12:32:53

html - 更改元视口(viewport)并重新加载页面重置比例


                                            <p><p>我正在将网页的元视口(viewport)设置为 </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>然后在重新加载同一页面后，使用一组 cookie，我将元视口(viewport)更改为</p>

<pre><code>&lt;meta name=&#34;viewport&#34; content=&#34;width=1024, user-scalable=yes&#34; /&gt;
</code></pre>

<p>但由于某种原因在重新加载页面后(因此将新视口(viewport)内容设置为 <em>"width=1024, user-scalable=yes"</em>
我看到页面缩放和缩放，而不是看到 1024 像素的整个布局。</p>

<p>我正在使用 ios 7/8 的 iPhone 4s/5/5s 上对其进行测试</p>

<p>提前感谢您的帮助!</p></p>
                                    <br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
                                            <p><p>我已经解决了。
我在js中调用页面的重新加载，比如</p>

<pre><code>window.location.reload(true);
</code></pre>

<p>这样做，它保持了前一个视口(viewport)的缩放比例。
将重新加载替换为</p>

<pre><code>window.location = window.location.origin;
</code></pre>

<p>它重置缩放。一切正常。</p></p>
                                   
                                                <p style="font-size: 20px;">关于html - 更改元视口(viewport)并重新加载页面重置比例，我们在Stack Overflow上找到一个类似的问题：
                                                        <a href="https://stackoverflow.com/questions/26738685/" rel="noreferrer noopener nofollow" style="color: red;">
                                                                https://stackoverflow.com/questions/26738685/
                                                        </a>
                                                </p>
                                       
页: [1]
查看完整版本: html - 更改元视口(viewport)并重新加载页面重置比例