检查视口是否缩放答案

【问题标题】：Check if viewport zoomed检查视口是否缩放
【发布时间】：2013-11-10 09:19:54
【问题描述】：

是否有一种简单的方法可以检查用户是否缩放了页面（在移动设备上使用捏合）？

认为verge.js 会有所帮助，但我不知道我可以将viewportH 与什么进行比较。

【问题讨论】：

【解决方案1】：

您可以将 screen.width 与 window.innerWidth 进行比较。如果该值不是 1，则视口已被缩放。

viewportScale = screen.width / window.innerWidth;
alert(viewportScale);

【讨论】：

screen.width 是否像 innerWidth 那样排除（可能的）垂直滚动条宽度？
在您的移动浏览器上查看此链接，看看您是否找到了有用的东西：quirksmode.org/m/tests/metadynamic.html 一些其他非常好的资源来尝试找到您正在寻找的东西：quirksmode.org/mobile
不再起作用了。在 iPhone 7 + 上测试，它在垂直模式下为 1，但在水平模式下 screen.width 为 414，而 window.innerWidth 为 736。不过，在 Note 4 上的 Chrome for Android 上工作正常，对于两个方向。

【解决方案2】：

    (
        document.documentElement.clientWidth
    /   window.innerWidth
    )
>
    1

不过，仅适用于移动设备！

【讨论】：