页面更改时重置浏览器缩放级别

Question

我有一个移动网站,用ajax加载页面.我想添加的功能之一是在页面更改时重置缩放级别.

是否有一种很好的方法可以检测用户在查看页面时是否缩放了视图？

到目前为止,我已经设法检查捏缩放.但有时也有双击缩放..

Answer 1

您可以通过比较innerWidth和文档宽度来获取用户缩放级别.文档宽度是设备的宽度(以像素为单位),内部宽度是缩放时屏幕上的像素(与文档宽度的初始值相关).我已经在android(ICS和Jellybean)和iOS(5和6)上测试了它,它似乎工作.注意,我没有将视口设置为设备宽度或高度

  ratio = document.width / window.innerWidth

  if ratio > 1 then zommed else notZoomed

然后,只要用户进行双击或捏合,您就可以进行此检查.