Html iPhone不支持大于~1000的元视口。任何超过1000的值都被视为~1000！：(

我们的目标是在iPhone上显示一个完全缩小的无响应网站。换句话说，该网站最初应该适合iPhone屏幕，而不需要水平滚动，然后用户可以收缩以放大

通常情况下，我不需要视口元标记。当没有视口元标记时，网站将自动缩小以适应移动屏幕，而无需水平滚动

但当站点宽度大于~1000px时，则不会！当站点宽度大于~1000px时，只有第一个~1000px适合水平方向并显示水平滚动

只有iPhone有这种行为。在安卓上没有问题

我试图使用相应的元标记强制视口，发现iPhone仅在元标记的值低于~1000时才尊重它

如果我设置

<meta name="viewport" content="width=500;">

…然后站点显示为宽度为1000左右

同样，Android正确地尊重任何宽度

问题是：我如何将1400px宽的站点安装到iPhone屏幕上，这样在用户开始放大之前，在加载时不会出现水平滚动

这里有一个演示：好的，我知道了

根据,

最小比例的默认值为0.25

因此，默认情况下会强制执行更大的缩放级别。因此，我们必须放宽最小比例设置：

<meta name="viewport" content="width=1400; minimum-scale=0;">

<meta name="viewport" content="width=1400; minimum-scale=0;">