viewport元标记的用途是什么？

Question

我正在设计一个移动网站，我首先尝试使用带有h1标签的常规html页面。它看起来非常小，所以我搜索并发现我需要添加这些行：

<meta name="viewport" content="width=device-width" /> 
<meta name="viewport" content="initial-scale=1.0, user-scalable=yes" />

在尝试了几个网页后，我仍然感到困惑。视口是否是一个额外的设备宽度，例如iPhone是960px？即使iPhone 4仅为640px，因此它可以缩小以模拟该尺寸？那么为了防止它认为视口是960px，它说它等于屏幕的大小？

如果是这种情况，其他浏览器/设备（如Android运行设备）的宽度是否不同（960px除外）？

Answer 1

根据jquery移动文档，iOS存在以下错误：

  

iOS中存在一个小问题，在使用这些视口设置更改方向时未正确设置宽度，但是   希望能够修复未来版本。你可以设置其他   视口值，如果需要，禁用缩放，因为这是一部分   您的页面内容，而不是图书馆。

他们推荐以下行：

<meta name="viewport" content="width=device-width, initial-scale=1"> 

您也不需要用户可扩展，上述行不会禁用用户缩放。