Question

如果我将div设置为

height:85vh;

元素的底部在屏幕上显示了相当多的数量（页面只有大约40px高......）

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

height:55vh;

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

将vh设置为85适用于Android平板电脑，Windows平板电脑和桌面浏览器（Android和Windows平板电脑也会在旋转设备时调整视口大小）。为什么ipad表现得如此奇怪？

Answer 1

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