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

时间:2012-04-23 07:53:20

标签: javascript mobile

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

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

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

2 个答案:

答案 0 :(得分:9)

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

  ratio = document.width / window.innerWidth

  if ratio > 1 then zommed else notZoomed

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

答案 1 :(得分:0)

你可以使用javascript来设置[meta name =" viewport"]标签的内容来设置缩放级别,遗憾的是我还没有找到一种方法来检测当前的缩放级别是什么