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

标题: html - 更改元视口(viewport)并重新加载页面重置比例 [打印本页]

---

作者: 菜鸟教程小白    时间: 2022-12-12 12:32
标题: html - 更改元视口(viewport)并重新加载页面重置比例

我正在将网页的元视口(viewport)设置为

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

然后在重新加载同一页面后，使用一组 cookie，我将元视口(viewport)更改为

<meta name="viewport" content="width=1024, user-scalable=yes" />

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

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

提前感谢您的帮助!

---

Best Answer-推荐答案

我已经解决了。 我在js中调用页面的重新加载，比如

window.location.reload(true);

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

window.location = window.location.origin;

它重置缩放。一切正常。

关于html - 更改元视口(viewport)并重新加载页面重置比例，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26738685/

---

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

Powered by Discuz! X3.4