對於桌面平台web布局中大家對meta標籤再熟悉不過了，它永遠位於 head 元素內部，對做seo的朋友一定對meta有種特殊的感情吧，今天我們就來說說移動平台的meta標籤，在移動平台meta標籤究竟有哪些神奇的功效呢？
1、meta 之 viewport
在iphone上顯示如圖：
因此我們必須改變viewport，我們就有如下幾種屬性值可以設定：
width: viewport 的寬度 （範圍從 200 到 10,000 ，預設為 980 畫素 ）
height: viewport 的高度 （範圍從 223 到 10,000 ）
initial-scale: 初始的縮放比例 （範圍從》0到 10 ）
minimum-scale: 允許使用者縮放到的最小比例
maximum-scale: 允許使用者縮放到的最大比例
user-scalable: 使用者是否可以手動縮放
對於這些屬性，我們可以設定其中的乙個或者多個，並不需要你同時都設定，iphone 會根據你設定的屬性自動推算其他屬性值 ，而非直接採用預設值。
如果你把initial-scale=1 ，那麼 width 和 height在豎屏時自動為320*356 （不是320*480 因為位址列等都佔據空間 ），橫屏時自動為 480*208。類似地 ，如果你僅僅設定了 width ，就會自動推算出initial-scale 以及height。例如你設定了 width=320 ，豎屏時 initial-scale 就是 1 ，橫屏時則變成 1.5 了。 那麼到底這些設定如何讓 safari 知道 ？其實很簡單 ，就乙個 meta ，形如 ：
設定了meat後我們頁面將如此呈現了：
好了，我們就可以按全屏來布局我們的頁面了，不用再擔心頁面顯示的很小了！
2、meta 之 format-detection
telephone=no就禁止了把數字轉化為撥號鏈結！
telephone=yes就開啟了把數字轉化為撥號鏈結，要開啟轉化功能，這個meta就不用寫了,在預設是情況下就是開啟！
這meta的作用就是刪除預設的蘋果工具欄和選單欄。content有兩個值」yes」和」no」,當我們需要顯示工具欄和選單欄時，這個行meta就不用加了，預設就是顯示。
加了該meta的情況
移動平台對 meta 標籤的定義
下面介紹一些有關標記的例子及解釋。一 meta 標籤分兩大部分 http 標題資訊 http equiv 和頁面描述資訊 name 1 http equiv 屬性的 content type 值 顯示字符集的設定 說明 設定頁面使用的字符集，用以說明主頁製作所使用的文字語言，瀏覽器會根據此來呼叫相應...
移動平台對 meta 標籤的定義
下面介紹一些有關標記的例子及解釋。一 meta 標籤分兩大部分 http 標題資訊 http equiv 和頁面描述資訊 name 1 http equiv 屬性的 content type 值 顯示字符集的設定 說明 設定頁面使用的字符集，用以說明主頁製作所使用的文字語言，瀏覽器會根據此來呼叫相應...
移動平台對 META 標籤的定義
下面介紹一些有關標記的例子及解釋。一 meta 標籤分兩大部分 http 標題資訊 http equiv 和頁面描述資訊 name 1 http equiv 屬性的 content type 值 顯示字符集的設定 說明 設定頁面使用的字符集，用以說明主頁製作所使用的文字語言，瀏覽器會根據此來呼叫相應...