修复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=device-height以获得横向的预期结果。

虽然我自己还没有解决这个问题,但根据相同的链接,看起来你需要使用媒体查询的方向。

相关内容

  • 没有找到相关文章