更改元视口并重新加载页面重置比例答案

【问题标题】：Change meta viewport and reload page reset scale更改元视口并重新加载页面重置比例
【发布时间】：2014-12-31 13:15:01
【问题描述】：

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

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

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

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

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

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

提前感谢您的帮助！

【问题讨论】：

【解决方案1】：

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

window.location.reload(true);

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

window.location = window.location.origin;

它重置缩放。一切正常。

【讨论】：