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

有一个手机上浏览的网页,我通过手势把页面放大了(没有写相关的手势控制代码,是手机浏览器自带的手势缩放功能),经过测试发现它实际是改变了浏览器的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的值,还是没反应。。。
被这个问题困扰好久了,有没有大神给我指点一下?

阅读 4.9k
1 个回答

viewport user-scalable=no 可以禁用手势缩放。js控制不知道

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题