在网上搜索了整个下午的解决方案后，我在这里问你。我的视口问题与StackOverflow上提到的其他问题的主要区别在于，我只在纵向模式下访问它(因此没有旋转或横向模式)。我的问题是:
我创建了一个网站，它的基本结构有三列:44pt- (div-element)， 232pt- (input-element)和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;" />
关注第一个div
width=44pt<meta name="viewport" content="width=320; initial-scale=1.0;" />
显示约70%的宽度
<meta name="viewport" content="width=320;" />
关注第一个div
width=44pt<meta name="viewport" content="initial-scale=1.0;" />
显示约70%的宽度
<meta name="viewport" content="initial-scale=1.0;maximum-scale=1.0" />
显示约70%的宽度
结果是一样的:网页一次太小(放大太多)，一次太大(放大太多)。只有通过将"initial-scale"的值调整到0.75左右，我才能得到大约想要的结果。
iPhone-Safari的错误是什么?我应该为meta-viewport标签使用哪些参数?
我终于在很久以前找到了一个解决方案，并认为也许有一天会有人感兴趣:代替用点("pt")定义css文件中的大小，我现在使用像素("px")。