目标是显示一个完全缩小iPhone的无响应网站。换句话说，该网站最初应该适合没有水平滚动的iPhone屏幕，然后用户可以捏缩放。
通常情况下，我不需要视口元标记。如果没有视口元标记，该网站将自动缩小以适应移动屏幕，而无需水平滚动。
但是当网站宽度超过~1000px时！当它变宽时，只有第一个~1000px适合水平和水平滚动。
只有iPhone才有此行为。在Android上没关系。
我试图强制一个带有相应元标记的视口，并发现如果它的值低于~1000，iPhone只会尊重元标记。
电子。 G。如果我设置......
<meta name="viewport" content="width=500;">
...网站缩放到500px。如果我设置width=900，则网站会缩放到900像素。
但是当我把它设置为......
<meta name="viewport" content="width=1400;">
...然后该网站显示宽度为1000左右。
同样，Android正确尊重任何宽度。
问题是：如何将1400px宽的网站放入iPhone屏幕，以便在最初加载时没有水平滚动，直到用户捏合缩放？
这是一个演绎的演示：http://jsbin.com/luqari/edit
答案 0 :(得分：0)
好的，我知道了。
最小比例的默认值为0.25
因此，默认情况下会强制执行更大的缩放级别。所以我们必须放松最小比例设置：
<meta name="viewport" content="width=1400; minimum-scale=0;">