ios - iPad:纵向和横向模式之间的时间差

Question

我有一个带有 HTML5 主屏幕的 iPad 应用程序。我需要为横向和纵向模式创建两个不同的设计模板。我将 CSS @media 与 orientation:landscape 和 orientation:portrait 一起使用。它对我很有用。但是当我改变设备的方向时，我有时间滞后。结果，我可以在一两秒内看到错误的元素大小。

我该如何解决这个问题？

Answer 1

当我删除 <meta name="viewport" content="width=device-width, initial-scale=1" > 时，方向之间的滞后消失了，100%，(使用 iPad2、iOS6、Safari 浏览器)。

经过反复试验，我发现 initial-scale造成了滞后。为什么？在我的知识库之外。这正是我发现的。但是，我现在必须为那个化妆initial-scale=1每个 portrait/landscape 具有更多 CSS 样式方向。

浏览器在视觉上缩小了所有内容以适应 portrait并扩展到 landscape模式。

这是一个 great article about viewports .