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

Wrong window height on android when the HTML website is load

本文关键字：窗口 高度 错误 HTML 网站 加载      更新时间：2023-09-26

我正在尝试编写一个移动html5网站，其中有一个Div可以占用移动设备窗口的整个大小。
我创建了一个高度为 100% 的 DIV 并将其放在正文中，该主体的高度也为 100%，HTML 标签的高度为 100%。
出于某些原因，当页面在 android 中加载时，它只占用窗口大小的一半，当我查询窗口的高度时，它说它是 229px 而不是实际的 450px。
当我旋转手机并将其向后旋转时，窗口高度变为 450px。
为什么会这样？有没有办法解决它？

使用视口：

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

将相同的解决方案发布到：Android浏览器的screen.width，screen.height & window.innerWidth & window.innerHeight都不可靠

window.innerHeight、window.outerheight等中唯一不变的是screen.height。

这段代码给了我外层高度：

screen.height / window.devicePixelRatio - window.screenTop

此外，为了支持旧版本的 android，请将您的代码放在setTimeout

我希望这是有帮助的=）

相关文章：