html - 如何在不考虑地址栏的情况下正确计算移动设备上的视口高度？

Question

在移动设备上，视口高度计算无法正常工作，因为它考虑了浏览器的地址栏。如下所示，选项 4 位于底部栏下方

视口计算的图像：

我们已经webkit-fill: available在多项选择问题响应的容器中添加了一个补丁，但这并没有解决问题，并导致其他移动设备上的其他布局问题。我们提到的文章是https://allthingssmitty.com/2020/05/11/css-fix-for-100vh-in-mobile-webkit/

webkit-fill 补丁的图片：

这是我们正在寻找的预期行为：

预期行为的图像：

任何有关如何正确计算视口高度的帮助将不胜感激。

标签： htmlcss