javascript - JS - iOS 上的 Safari - 如何获取视口(viewport)比例属性

Question

在 Chrome 上，我可以通过查看 window.visualViewport.scale 来获取视口(viewport)比例，它在 Safari 上可用，但是，似乎 window.visualViewport 不可用在旧版本的 iOS 上的 Safari 上定义。

有什么解决方法吗？

Answer 1

首先，您需要使用clientWidth 或innerWidth 获取视口(viewport)宽度

var viewportWidth = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);

然后，你需要得到实际的屏幕宽度

var screenWidth = window.screen.width

然后，视口(viewport)比例就在你手边了

var viewportScale = screenWidth / viewportWidth