1.先說說mate標籤裡的viewport：
因此我們必須改變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標籤裡的name屬性：
name 屬性
(1)、＜meta name="generator" contect=""＞用以說明生成工具（如microsoft frontpage 4.0）等；
(3)、＜meta name="description" contect=""＞告訴搜尋引擎你的站點的主要內容；
(4)、＜meta name="author" contect="你的姓名"＞告訴搜尋引擎你的站點的製作的作者；
(5)、＜meta name="robots" contect="all | none | index | noindex | follow | nofollow"＞
其中的屬性說明如下：
設定為index：檔案將被檢索；
這meta的作用就是刪除預設的蘋果工具欄和選單欄。content有兩個值」yes」和」no」,當我們需要顯示工具欄和選單欄時，這個行meta就不用加了，預設就是顯示。
//將不識別郵箱
告訴裝置忽略將頁面中的數字識別為**號碼
移動平台的WebApp之Meta標籤
對於桌面平台web布局中大家對meta標籤再熟悉不過了，它永遠位於 head 元素內部，對做seo的朋友一定對meta有種特殊的感情吧，今天我們就來說說移動平台的meta標籤，在移動平台meta標籤究竟有哪些神奇的功效呢？1 meta 之 viewport 因此我們必須改變viewport，我們就有...
移動端專用的meta標籤設定大全
更詳細介紹 viewport content width device width,initial scale 1.0,maximum scale 1.0,minimum scale 1.0,user scalable no 這個用的最多，width和height指令分別指定視區的邏輯寬度和高度。他...
Meta標籤詳解
引言 您的個人 即使做得再精彩，在 浩瀚如海 的網路空間中，也如一葉扁舟不易為人發現，如何推廣 個人 人們首先想到的方法無外乎以下幾種 在搜尋引擎中登入自己的個人 在知名 加入你個人 的鏈結 在論壇中發帖子宣傳你的個人 很多人卻忽視了html標籤meta的強大功效，乙個好的meta標籤設計可以大大提...