在网上搜索了整个下午的解决方案后，我在这里问你。我的视口问题与 StackOverflow 上提到的其他问题的主要区别在于我只能在纵向模式下访问它（因此没有旋转或横向模式）。这是我的问题：
我创建了一个网站，其基本结构包含三列：分别为 44pt-（div-element）、232pt-（输入元素）和 44pt-width（div-element）。所以我的最大页面宽度等于 320pt，所有元素的高度到现在 <250pt。
如果我现在在 iOS 模拟器上渲染页面（通过 Mac 上的 XCode），这应该与 iPhone 的行为相同，它不会正确缩放页面。我已经尝试了以下选项：
[no meta-tag]
显示大约 240% 的宽度
<meta name="viewport" content="width=device-width; initial-scale=1.0;" />
显示大约 70% 的宽度
<meta name="viewport" content="width=device-width;" />
专注于第一个具有“width = 44pt”的div
<meta name="viewport" content="width=320; initial-scale=1.0;" />
显示大约 70% 的宽度
<meta name="viewport" content="width=320;" />
专注于第一个具有“width = 44pt”的div
<meta name="viewport" content="initial-scale=1.0;" />
显示大约 70% 的宽度
<meta name="viewport" content="initial-scale=1.0;maximum-scale=1.0" />
显示大约 70% 的宽度
结果保持不变：网页曾经太小（缩小太多），曾经太大（放大太多）。只有通过将“初始比例”值调整到 0.75 左右，我才能得到大约所需的结果。
iPhone-Safari 的错误是什么？我应该为元视口标签使用哪些参数？