极客观点
项目管理
HarmonyOS
我遇到过这个问题几次，想知道是否有解决这个问题的方法。我的问题出现在 Chrome 移动应用上。在那里，您可以向下滚动一点，地址栏就会消失。到目前为止，这么好，让我们举个例子：
容器的 height 设置为 100vh 。
如您所见，底部被切断。
当我向下滚动时，它看起来像这样：
现在看起来不错。很明显，Chrome 会将地址栏的高度计算为视口高度。所以我的问题是：
有没有办法，无论有没有地址栏看起来都一样？使容器膨胀或什么的？
原文由 Tobias Glaus 发布，翻译遵循 CC BY-SA 4.0 许可协议
根据 Chrome 网络上的这篇官方文章，设置高度以填充可见视口的正确方法是使用
height: 100%，在<html>元素或position: fixed元素。如文档所述，这确保了与移动版 Safari 的兼容性，并且与 URL 栏的大小无关。