現在是不是很明瞭了。

現在我們來解析下，我們新增的這個meta標籤。

首先，meta標籤儲存的是一些使用者不可見，但是瀏覽器可見的一些元資訊，一般以鍵值對的方式儲存。

比如這個

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

name為鍵，鍵值為viewport。content為值，為"width=device-width,initial-scale=1.0"

然後其中

width=device-width 表示可視區域的寬度為裝置寬度（手機或pc）

initial-scale=1.0 表示頁面首次被顯示時，按實際尺寸顯示，無任何縮放（沒加這個程式碼前，在移動端文字變小了就是因為被縮放了）

width，initial-scale兩個屬性值寫了後就能達到初步自適應了。但是實際上還有幾個屬性我們也可以學習下。

如下：

  1.    user-scalable: no;//禁止使用者縮放頁面

  2.    maximum-scale=1.0, minimum-scale=1.0; //可視區域的最大和最小縮放級別都為實際尺寸，

（設定以上兩點後，使用者就不能縮放網頁了，同時網頁也將不用擔心被使用者縮放變形的問題了）