我正在尝试编写一个移动 html5 网站，其中有一个 Div 占据了移动设备窗口的整个大小。
我创建了一个高度为 100% 的 DIV 并将其放在正文中，它的高度也为 100%，HTML 标记的高度为 100%。
由于某些原因，当页面在 android 中加载时，它只需要一半的窗口大小，当我查询窗口的高度时，它说它是 229px 而不是实际的 450px。
当我旋转手机并向后旋转时，窗口高度变为 450px。
为什么会这样？有没有办法解决它？
问问题
4991 次
2 回答
1
使用视口：
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
于 2012-04-30T17:31:21.727 回答
1
将相同的解决方案发布到： Android 浏览器的 screen.width、screen.height & window.innerWidth & window.innerHeight are unreliable
window.innerHeight,window.outerheight等中唯一的常数是screen.height.
这段代码给了我outerheight：
screen.height / window.devicePixelRatio - window.screenTop
此外，为了支持旧版本的 android，请将您的代码放在setTimeout
我希望这会有所帮助 =)
于 2012-10-04T10:28:59.457 回答