Javascript 检查视口是否缩放

Javascript 检查视口是否缩放,javascript,mobile-safari,viewport,mobile-chrome,Javascript,Mobile Safari,Viewport,Mobile Chrome,是否有一种简单的方法可以检查用户是否缩放了页面(在移动设备上使用pinch) 想法会有帮助,但我不知道我可以用什么来比较viewportH。你可以比较screen.width和window.innerWidth。如果该值不是1,则表示视口已缩放 viewportScale = screen.width / window.innerWidth; alert(viewportScale); 参考资料: 不过,这只适用于移动设备 screen.width是否像innerWidth那样排除(可能的

是否有一种简单的方法可以检查用户是否缩放了页面(在移动设备上使用pinch)


想法会有帮助,但我不知道我可以用什么来比较
viewportH

你可以比较screen.width和window.innerWidth。如果该值不是1,则表示视口已缩放

viewportScale = screen.width / window.innerWidth;
alert(viewportScale);
参考资料:


不过,这只适用于移动设备

screen.width
是否像
innerWidth
那样排除(可能的)垂直滚动条宽度?检查移动浏览器上的此链接,看看是否找到有用的内容:一些其他非常好的资源来尝试查找您要查找的内容:不再有效。在iPhone 7+上测试,垂直模式为1,但水平模式为screen.width,window.innerWidth为736时为414。不过,在注4中,Android的Chrome在两个方向上都表现良好。
    (
        document.documentElement.clientWidth
    /   window.innerWidth
    )
>
    1