iphone - 修复 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

根据这个站点，设备宽度始终是纵向宽度。换句话说，iPhone 上的设备宽度始终为 320。

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

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