当iPad中方向从横向更改为纵向时，页面会缩小

Question

当我将方向从横向更改为纵向模式时，我的页面在iPad中缩小。我在样式中使用了vw和vh。此问题仅出现在使用vw和vh的div上，而不是百分比div。我在meta标签下面使用usig在我的标题中

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

而且我尝试了很多在stackoverflow和其他网站中建议的解决方案，包括buggyfill.js，这些都无法正常工作。

我在iPad 2中遇到了这个问题，我在新iPad上尝试过，它工作正常，即iPad Air ios 8。

请帮助我解决此问题。谢谢您的提前，

Answer 1

较早版本的Safari不支持vw和vh单元。 请参阅此处 ，但是除非问题严重影响网站的可用性（无法导航），否则我不必担心太多，因为大多数iOS设备都会更新到较新的版本。

另外，我还将从meta标记中删除“ user-scalable = no”和“ maximum-scale = 1.0”，因为您基本上不允许收缩和缩放，这被认为是不好的可用性做法。