css3 视口高度似乎不适用于 ipad答案

【问题标题】：css3 viewport height does not seem to work on ipadcss3 视口高度似乎不适用于 ipad
【发布时间】：2013-11-18 11:11:37
【问题描述】：

如果我将 div 设置为

height:85vh;

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

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

height:55vh;

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

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：