修复 iPhone 水平方向缩放答案

【问题标题】：Fixing the iPhone horizontal orientation zoom修复 iPhone 水平方向缩放
【发布时间】：2013-01-02 18:30:03
【问题描述】：

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

这是我的代码..

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

我仍然遇到缩放问题，尽管我已经看到人们发布此代码作为问题的解决方案，并且他们似乎获得了预期的结果，但我没有。

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

我也想避免使用 javascript。

【问题讨论】：

【解决方案1】：

根据site，设备宽度始终是纵向宽度。换言之，iPhone 上的设备宽度始终为 320。

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

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

【讨论】：

这不会导致设备认为宽度大于纵向模式时的宽度吗？我还发现问题没有出现在 iPad 2 上。截至目前，我正在 iPhone 5 和 iPad 2 上进行测试。
是的，如果您简单地更改了元标记，那么您就会遇到这个问题。但是，您可以尝试更改它以解决我是否正确地认为这是问题。由于我不知道您的其余代码，我无法确定，但我认为您将需要使用媒体查询。您的布局是否足够大以受 iPad 2 上 768 个设备像素的限制？
我现在正在使用一系列媒体查询。该布局非常适合宽度小于 568（手机）、宽度小于 1024（平板电脑）和桌面尺寸。据我所知，没有办法通过媒体查询来改变可伸缩性。只能使用元标记来启用或禁用缩放。