視口元標記的用途是什麼？

Question

我正在設計一個移動網站，我首先嚐試使用帶有h1標籤的常規html頁面。它看起來很微小的，所以我搜查，發現我需要添加這些行：

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

試圖幾個網頁，瞭解它之後，我仍然感到困惑。該視口是一個額外的設備寬度，例如iPhone是960像素？即使iPhone 4只有640像素，所以它縮小以模仿這個尺寸？所以爲了防止它認爲視口是960px，它說它等於屏幕的大小？

如果是這種情況，其他瀏覽器/設備（如Android運行設備）的寬度是否不同（960像素除外）？

Answer 1

％的jQuery Mobile的文檔，也適用於iOS與此錯誤：

有一個在iOS的一個小問題，與這些視口設置改變方向時沒有正確地設置寬度，但 這將有望在未來的發佈中得到修復。如果需要，您可以設置其他 視口值以禁用縮放，因爲這是 頁面內容的一部分，而不是庫。

他們建議後續行：

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

你也不需要用戶可擴展要麼，上面的線將不會禁用用戶變焦。