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

我正在尝试编写一个移动html5网站，其中有一个需要整个移动设备窗口大小的div。
我已经创建了一个高度为100％的DIV，并将其放入身体内，身高也达到100％，HTML标签的高度为100％。
由于某些原因，当在android中加载页面时，它只占用窗口大小的一半，并且当我查询窗口的高度时，它说它是229px而不是它实际上是450px。
当我旋转手机并将其旋转回来时，窗口高度变为450px。
为什么会发生？有没有办法解决它？当HTML网站加载时Android上的窗口高度错误

来源

2012-04-30 Andy

什么你的视口meta标签看起来像吗？ – Lowkase

– Andy

使用视：

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

来源

2012-04-30 17:31:21

这不是我所问的。我知道关于视口元标记，并且设置高度=设备高度没有帮助。内容高度实际上是正确的，但android认为窗口大小比它小。 – Andy

我想我们需要在这个时候看到一些HTML/CSS，如果meta标签建议不会粘住。 – Lowkase

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

唯一不变的，是等screen.height。

此代码给我的outerheight：

screen.height/window.devicePixelRatio - window.screenTop

此外，为了支持老版本的Android，请把你的代码放在一个setTimeout

我希望这是有益=）

来源

2012-10-04 10:28:59 Abdo

这没有错。 –

您是否尝试过调试我的建议，以确定哪些方法无效？我的回答只是一个建议的解决方法，适用于上面和上述时间的场景。 – Abdo

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

回答

相关问题