如何用js恢复手机浏览器页面到初始的缩放比例

Question

有一个手机上浏览的网页，我通过手势把页面放大了（没有写相关的手势控制代码，是手机浏览器自带的手势缩放功能），经过测试发现它实际是改变了浏览器的window.innerWidth/window.innerHeight这两个属性的数值，而window.outerWith/window.outerHeight都没有变化。那么问题来了，有没有方法 用js 把浏览器恢复到初始比例呢？
我已经尝试过下面的方法，都不行：
1.直接修改window.innerWidth/window.innerHeight这一对值，没有任何变化
2.window.resizeTo():只有部分手机浏览器支持，而且缩放后浏览器自带的手势控制缩放功能失效了；
3.css3的transform:scale():这个好像只能操作页面Dom元素，最多只能对body进行缩放，貌似浏览器并没有缩放，而且这样缩放后发现window.innerWidth/window.innerHeight这两个值没有任何变化；
4.js动态改变viewport的值，还是没反应。。。
被这个问题困扰好就了，有没有大神给我指点一下？

Answer 1

试一下 Zoom-on-rotate fix for WebKit mobile browsers (Mobilizing websites with responsive design and HTML5 part 8)
或How do I reset the scale/zoom of a web app on an orientation change on the iPhone?