javascript - 当 iPad 中的方向从横向模式变为纵向模式时页面缩小

Question

当我将方向从横向模式更改为纵向模式时，我的页面在 iPad 中缩小。我在样式中使用了 vw 和 vh。这个问题仅针对使用 vw 和 vh 的 div，但不是百分比 div。我正在使用在我的标题中的元标记下方

<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 单位。 See here , 但除非问题严重影响网站的可用性(无法导航)，否则我不会太担心它，因为大多数 iOS 设备都会更新到较新的版本。

此外，我将从元标记中删除“user-scalable=no”和“maximum-scale=1.0”，因为您基本上不允许缩放功能，这被认为是糟糕的可用性做法。