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

Question

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

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

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

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

Answer 1

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

setTimeout("your javascript function",200);

我在200ms后执行了我的功能，并且我得到了正确的宽度和高度。我没有尝试任何超过200毫秒的持续时间，所以你可以在更短的时间内获得正确的值。 希望这会有所帮助。