iOS 上的 Chrome - 方向更改

Question

我正在开发一个移动网站，我们在 iOS 上的 Chrome 中遇到了一个小问题：

如果您以纵向模式打开网站并放大和缩小然后更改方向，您会看到以下视图：

理想情况下，网站应该适合整个视口。

有人试过这个吗？我只有在缩放后才能体验它 - 否则它可以正常工作。

这是我的元视口标签：<meta name="viewport" content="width=320">

谢谢！ :-)

Answer 1

只是想注意一下，我最近遇到了这个错误，在我的情况下，发行者是“user-scalable=no”+“width=XYpx”。

删除“用户可扩展”会有所帮助，但另一方面它允许我们扩展网站。

Answer 2

当您将方向更改为横向时，设备宽度将更改为 480 而不是 320。因此，要根据方向自动确定宽度，您可以编写 <meta name = "viewport" content = "width = device-width"> 而不是 <meta name="viewport" content="width=320">。有关更多信息，请参阅this 页面。