當我們將一個pc端的網頁放到移動端的時候，移動端瀏覽器會將pc端的網頁按照一定的比例完整的顯示出來，這是因為移動端的瀏覽器預設的會將網頁渲染在一個比例比較大的viewport中排版（ios預設的是980px，Android4.0以上為980px），然後通過比例縮放看到整個頁面的全貌。
  但是,使用預設的viewport佈局會有以下缺點：

• 寬度不可控制，不同系統不同裝置的預設值可能不同
• 頁面縮小版顯示，互動不友好
• 連結不可點
• 有縮放，縮放後又有滾動

所以，我們可以通過meta標籤改變viewport得到移動端網頁定製化自適應的一個效果。

<meta name="viewport"
 
 content="width=device-width,initial-scale=1.0,
minimun-scale=1.0,maximum-scale=1.0,user-scalable=no">

meta標籤中引數的設定和含義如下：

• width=device-width：表示佈局viewport的值是裝置的寬度（也可以是特定的viewport值）
• initial-scale=1.0： 設定頁面的初始縮放比例
• minimun-scale=1.0： 設定頁面的最小縮放比例
• maximum-scale=1.0：設定頁面的最大縮放比例
• user-scalable=no： 設定使用者是否可以縮放操作

通過以上meta標籤的設定，就可以將一個pc端的網頁自適應的顯示在移動端了，而以上的引數設定也是我們移動端開發的最常用設定。