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

Question

大多数移动页面都提供元视口大小，例如

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

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

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

Answer 1

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

setTimeout("your javascript function",200);

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