javascript - 如何获取具有元视口(viewport)大小的移动设备的实际视口(viewport)？

Question

大多数移动页面都提供元视口(viewport)尺寸，例如

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>出于 iphone 向后兼容的原因，这将在宽度上模拟 320px...

但是当我通过 javascript 检查时 window.screen.availWidth例如，在 android 模拟器上运行，我得到了一些像 720 这样的值，而是一个 320px图像覆盖整个屏幕。

如何获取文档使用的实际宽度？

Answer 1

我刚刚在我的 Android 模拟器上进行了测试，它在第一次加载页面时返回了错误的值。我用这个技巧来获得正确的值(value)。

setTimeout("your javascript function",200);

我在 200 毫秒后执行了我的函数，我得到了正确的宽度和高度。除了 200 毫秒之外，我没有尝试任何其他持续时间，因此您可能能够在更短的时间内获得正确的值。希望这会有所帮助。