css - css3 视口高度似乎不适用于 ipad

Question

如果我将 div 设置为

height:85vh;

元素 id 的底部离开屏幕相当多（页面只有大约 40px 高....）

为了让它适合页面，我必须将其设置为

height:55vh;

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

将 vh 设置为 85 可在 android 平板电脑、windows 平板电脑和桌面浏览器上运行（android 和 windows 平板电脑也会在旋转设备时调整视口的大小）。为什么 ipad 的行为如此奇怪？

Answer 1

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

可以在这里找到一个很好的指南：http: //davidwalsh.name/orientation-change