我目前正在设计的网站存在问题，当它在 iPhone 上的方向从纵向更改为横向时，所有内容都可以正确缩放以适应横向视图。但是当我回到纵向时，视图如下所示。
它不会按应有的规模缩减；就像最初的看法一样。
我知道这是 WebKit 上的一个已知问题，这里解释了一个可能的解决方案，但它似乎对我不起作用，因为我在我的页面上设置了以下元标记：
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
我知道还有一些 JavaScript 解决方案，但上面的代码还不够吗？我在这里想念什么？
PS 这种情况在 iPhone 上的 iOS 版 Chrome 上稍微好一点，但又不是很好。当从横向返回纵向时，Chrome 会正确缩放站点，但它也会从横向视图中为纵向视图保留不必要的宽度，当我在 Chrome 上返回纵向时，我可以水平移动站点。