iphone - 如何为正确处理旋转的 iPhone 设置视口(viewport)元？

Question

所以我一直在使用:

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;"/>

让我的 HTML 内容在 iPhone 上很好地显示。在用户使用之前效果很好 将设备旋转到横向模式，其中显示仍然限制为 320 像素。

是否有一种简单的方法来指定视口(viewport)，该视口(viewport)会随着用户更改而改变 设备方向？还是我必须求助于 Javascript 来处理？

Answer 1

我只是想自己解决这个问题，我想出的解决方案是:

<meta name="viewport" content="initial-scale = 1.0,maximum-scale = 1.0" />

这似乎将设备锁定为 1.0 比例，无论其方向如何。作为副作用，它确实会完全禁用用户缩放(捏缩放等)。