我有一个移动网站,可以使用ajax加载页面。我想添加的功能之一是在页面更改时重置缩放级别。
有没有一种很好的方法来检测用户在查看页面时是否缩放了视图?
到目前为止,我已设法检查捏缩放。但有时也有双击缩放..
答案 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"]标签的内容来设置缩放级别,遗憾的是我还没有找到一种方法来检测当前的缩放级别是什么