I have a web-page that has the "user-scalable" attribute of the viewport meta tag set to true (Safari reference, Android reference). So users with browsers that recognize the attribute (such as Mobile Safari, Android Browser) can pinch to scale the page. However, there is a link that refreshes most of the page using AJAX, but does not perform a full page refresh. I'd like to reset the viewport scaling to the initial value using JavaScript. But I can't figure out how to do this.

我有一个网页,其视口元标记的“用户可伸缩”属性设置为true(Safari参考,Android参考)。因此,具有识别该属性的浏览器的用户(例如Mobile Safari,Android Browser)可以缩小以缩放页面。但是,有一个链接使用AJAX刷新大部分页面,但不执行整页刷新。我想使用JavaScript将视口缩放重置为初始值。但我无法弄清楚如何做到这一点。

The only solution seems to be a full page refresh. Anyone know of a better way?

唯一的解决方案似乎是整页刷新。谁知道更好的方法?

Thanks.

2 个解决方案

$('meta[name=viewport]').attr('content', 'width=device-width, initial-scale=1');