修复iPhone水平方向变焦

Question

我的问题是将iPhone的方向从纵向更改为横向时发生的缩放。我看到这是一个众所周知的问题，似乎有很多文档，但到目前为止，没有一个解决方案适合我。

这是我的代码..

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

我仍然遇到这个缩放问题，尽管我已经看到人们发布这个代码作为问题的解决方案，他们似乎得到了预期的结果，我不是。

我的目标是禁用缩放，缩放为1.0，当然，防止更改方向时发生的缩放。

我也想避免使用javascript。

Answer 1

根据此site，设备宽度始终是纵向宽度。换句话说，iPhone上的设备宽度始终为320.

在您发布的元标记中，您需要设置width=device-height以获得预期的横向结果。

虽然我自己没有解决这个问题，但根据相同的链接，您似乎需要使用带有方向的媒体查询。