2 js093882 js093882 于 2014.11.14 00:12 提问

如何用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的值,还是没反应。。。
被这个问题困扰好就了,有没有大神给我指点一下?

1个回答

save4me
save4me   Ds   Rxr 2014.11.19 14:04
yupanxinkuang4417
yupanxinkuang4417 回复呱呱么: 最后是怎么解决这个问题的啊
大约一年之前 回复
u012125406
u012125406 回复码出春天: 现在找到方法了,最近也遇到这个问题
一年多之前 回复
js093882
js093882 谢谢你的回答。这两篇文章我都看了,也试过,js动态改变viewport的方法不行。改viewport的时候页面是有变化,但页面的缩放比例没有变,浏览器和页面还是可以继续缩小。 我想达到的效果是能在浏览器通过手势放大后,通过js能使它还原为页面刚加载时的样子(比如还原后浏览器不能通过手势继续缩小了,跟没用手势放大前一样的效果)......哎,貌似做不到
接近 3 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片