当用户向上滚动时，iOS 版 Chrome 会隐藏其地址栏。此功能不适用于 100vh(或任何 vh 单元)，因为随着工具栏缩小，视口(viewport)高度会发生变化，因此元素的大小也会发生变化。我有一张带有 100vh 的封面图片，随着整个页面的长度增长或缩小，它会导致非常明显的抖动。
我认为使用 vh 设置的任何高度都存在问题。
我可以(而且可能会)使用 javascript 来设置我的封面图片高度，但我更愿意使用 vh。
有什么好主意吗？
最佳答案
我建议使用 100% 而不是 100vh - 你可以添加这个...
body{
position: absolute;
width: 100%;
height: 100%;
margin: 0;
}
从那里开始，任何没有另一个具有自己高度的包装器的元素都可以仅使用 100% 的宽度和高度来填充整个屏幕。示例如下!
关于javascript - iOS 版 Chrome 与 <样式> 高度 : 100vh;</style>，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46493951/