twitter bootstrap視口

我已經繼承了基於Twitter Bootstrap的網站模板集。在<head>出現以下元標記：twitter bootstrap視口

<meta name="viewport" content="width=device-width">

但根據文檔，它應該是：

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

有人能解釋這兩者之間的區別是什麼？

2012-12-03 Dónal

他們只是不同的屬性，你可以添加一個或多個。從Mozilla的網站：

的寬度屬性控制視口的大小。它可以設置爲特定數量的像素，例如width = 600或特殊值設備寬度值，這是在100％的比例下，CSS像素中屏幕的寬度。

，並顯示頁面時，第二個控制變焦：

的初始規模屬性控制縮放級別被首先加載頁面時。

此外，您還可以使用最大規模，最小規模，並用戶可擴展性進一步控制用戶如何將放大或縮小頁面。

這是必要的，因爲移動設備具有非常不同的像素密度，因此通過指定像這樣的屬性，無論屏幕密度如何，iPhones，Galaxies，Nokias等中的頁面都將呈現幾乎相同的物理尺寸。

2012-12-03 20:50:47 alemangui

如果我省略'初始規模= 1.0" '將它默認爲此值，使得上述有效張玉峯2點聲明？ –

由於標準尚未徹底定義（至少我最後一次檢查），我想它取決於實現，例如，移動Safari默認爲一個計算的縮放，它可以將網頁安裝在可見區域中，如果您想確保只是添加它。 – alemangui

回答