css3视口高度在ipad上似乎不起作用

如果我将div设置为

height:85vh;

元素id的底部与屏幕的距离相当大（页面的id仅约为40px高…）

要使其适合页面，我必须将其设置为

height:55vh;

此外，这只适用于纵向模式，如果我将ipad切换为横向模式，即使刷新屏幕，它似乎仍然认为视口是纵向的

---

将vh设置为85适用于android平板电脑、windows平板电脑和桌面浏览器（android和windows平板电脑还可以在旋转设备时调整视口大小）。为什么ipad的表现如此奇怪？

我现在也遇到了这个问题，我想在完全支持它之前的临时修复将是Javascript攻击。使用Javascript检查视口高度，并使用它设置元素的高度。在平板电脑上，将有两个视口高度，每个方向一个，所以我会在更改方向时重新计算

在这里可以找到一个很好的指南：