加载HTML网站时，Android上的窗口高度错误

Question

我正在尝试编写一个移动html5网站，其中有一个Div，它占据了移动设备窗口的整个大小。
我创建了一个高度为100％的DIV并将其放入体内，其高度为100％，HTML标签的高度为100％。
由于某些原因，当页面在android中加载时，它只占窗口大小的一半，当我查询窗口的高度时，它表示它是229px而不是它实际上的450px。
当我旋转手机并将其旋转回来时，窗口高度变为450px。
为什么会这样？有办法解决吗？

Answer 1

使用视口：

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

Answer 2

将相同的解决方案发布到： Android browser's screen.width, screen.height & window.innerWidth & window.innerHeight are unreliable

window.innerHeight，window.outerheight等中唯一的常数是screen.height。

这段代码给了我外在的高度：

screen.height / window.devicePixelRatio - window.screenTop

另外，为了支持旧版Android，请将代码放在setTimeout

中

我希望这有用=）