3

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

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

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

4

2 回答 2

9

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

  ratio = document.width / window.innerWidth

  if ratio > 1 then zommed else notZoomed

然后，您可以在用户双击或捏合时执行此检查。

于 2012-08-03T14:19:57.767 回答
0

您可以使用 javascript 设置 [meta name="viewport"] 标记的内容来设置缩放级别，不幸的是我还没有找到检测当前缩放级别的方法

于 2012-07-04T23:31:00.037 回答