大多数移动页面都提供元视口(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
图像覆盖整个屏幕。
如何获取文档使用的实际宽度?
最佳答案
我刚刚在我的 Android 模拟器上进行了测试,它在第一次加载页面时返回了错误的值。我用这个技巧来获得正确的值(value)。
setTimeout("your javascript function",200);
我在 200 毫秒后执行了我的函数,我得到了正确的宽度和高度。除了 200 毫秒之外,我没有尝试任何其他持续时间,因此您可能能够在更短的时间内获得正确的值。 希望这会有所帮助。
关于javascript - 如何获取具有元视口(viewport)大小的移动设备的实际视口(viewport)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19554532/