修复iPhone的水平方向缩放

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

这是我的密码

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

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

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

我也希望避免使用javascript。

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

在您发布的meta标记中，您需要设置

width=deviceheight

，以在横向中获得预期的结果

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

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

在您发布的meta标记中，您需要设置

width=deviceheight

，以在横向中获得预期的结果

---

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

这不会导致设备认为宽度比在纵向模式下大吗？我还发现问题并没有出现在iPad2上。到目前为止，我正在iphone5和ipad2上进行测试。是的，如果你简单地更改meta标签，那么你就会遇到这个问题。但是，您可以尝试更改它，以排除我对该问题的看法是否正确的问题。因为我不知道您的代码的其余部分，所以我不能确定，但我认为您需要使用媒体查询。你的布局是否足够大，以至于受iPad2上768像素设备的限制？我现在正在使用一系列媒体查询。该布局适合568宽度以下（手机）、1024宽度以下（平板电脑）和桌面尺寸。据我所知，没有办法改变媒体查询的可伸缩性。启用或禁用缩放只能通过meta标记完成。这不会导致设备认为宽度比纵向模式下的宽度大吗？我还发现问题并没有出现在iPad2上。到目前为止，我正在iphone5和ipad2上进行测试。是的，如果你简单地更改meta标签，那么你就会遇到这个问题。但是，您可以尝试更改它，以排除我对该问题的看法是否正确的问题。因为我不知道您的代码的其余部分，所以我不能确定，但我认为您需要使用媒体查询。你的布局是否足够大，以至于受iPad2上768像素设备的限制？我现在正在使用一系列媒体查询。该布局适合568宽度以下（手机）、1024宽度以下（平板电脑）和桌面尺寸。据我所知，没有办法改变媒体查询的可伸缩性。启用或禁用缩放只能使用meta标记完成。