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

Question

我将网页的元视口(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 像素的整个布局。

我正在 iPhone 4s/5/5s 和 ios 7/8 上测试它

预先感谢您的帮助!

Answer 1

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

window.location.reload(true);

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

window.location = window.location.origin;

它重置缩放比例。一切正常。