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

时间:2014-11-04 15:18:01

标签: html ios viewport meta

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

<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” 我看到页面缩放和缩放,而不是在1024px中看到整个布局。

我正在使用ios 7/8

在iPhone 4s / 5 / 5s上进行测试

提前感谢您的帮助!

1 个答案:

答案 0 :(得分:2)

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

window.location.reload(true);

这样做,它保持了前一个vieport的缩放。 用

替换重新加载
window.location = window.location.origin;

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