1

当在第一次页面加载时使用带有最小 UI 的视口高度时，使用地址栏评估高度，所以即使我设置了一个高度为 100vh 的 div，该 div 的实际高度也是视口高度减去高度地址栏。

在这个例子中，在第一次加载时，我可以看到地址栏隐藏后的紫色 div。如果我在不删除缓存的情况下重新加载页面或访问页面，红色 div 会占据视口的整个高度，而不考虑地址栏，这是我在第一次加载时所期望的行为。

任何想法为什么？

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui">
    <title></title>
</head>
<body style="margin: 0; padding: 0;">

    <div style="background-color: red; height: 100vh;">
        Hello
    </div>
    <div style="background-color: purple; height: 50px;">
        World
    </div>

</body>
</html>

谢谢！

4

0 回答 0