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

Reset browser zoom level when a page change

本文关键字：浏览器 缩放      更新时间：2023-09-26

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

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

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

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

  ratio = document.width / window.innerWidth
  if ratio > 1 then zommed else notZoomed

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

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

相关文章：