手機端H5 header定義樣式

 <meta content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"/>
 <meta name="apple-mobile-web-app-capable" content="no" />
 <meta name="format-detection" content="telephone=no,email=no,adress=no"/>

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

1. width=device-width  width:可視區域的寬度，值可為數字或關鍵詞device-width(設備寬度)

2. initial-scale=1.0,    intial-scale:頁面首次被顯示是可視區域的縮放級別，取值1.0則頁面按實際尺寸顯示，無任何縮放。（初始規模）

3. maximum-scale=1.0,   minimum-scale=1.0;可視區域的縮放級別，  maximum-scale用戶可將頁面放大的程序，1.0將禁止用戶放大到實際尺寸之上。

4. user-scalable:是否可對頁面進行縮放，no 禁止縮放

5. apple-mobile-web-app-capable：這meta的作用就是刪除默認的蘋果工具欄和菜單欄。

content有兩個值”yes”和”no”,當我們需要顯示工具欄和菜單欄時，這個行meta就不用加了，默認就是顯示。

6. <meta name="format-detection" content="telephone=no,email=no,adress=no"/>

format-detection翻譯成中文的意思是“格式檢測”，顧名思義，它是用來檢測html里的一些格式的，那關於meta的format-detection屬性主要是有以下幾個設置：

meta name="format-detection" content="telephone=no"

meta name="format-detection" content="email=no"

meta name="format-detection" content="adress=no" 

也可以連寫：meta name="format-detection" content="telephone=no,email=no,adress=no"

下面具體說下每個設置的作用：

一、telephone

你明明寫的一串數字沒加鏈接樣式，而iPhone會自動把你這個文字加鏈接樣式、並且點擊這個數字還會自動撥號！想去掉這個撥號鏈接該如何操作呢？這時我們的meta又該大顯神通了，代碼如下：  

telephone=no就禁止了把數字轉化為撥號鏈接！
telephone=yes就開啟了把數字轉化為撥號鏈接，要開啟轉化功能，這個meta就不用寫了,在默認是情況下就是開啟！

二、email

告訴設備不識別郵箱，點擊之后不自動發送

email=no禁止作為郵箱地址！
email=yes就開啟了把文字默認為郵箱地址，這個meta就不用寫了,在默認是情況下就是開啟！

三、adress

adress=no禁止跳轉至地圖！
adress=yes就開啟了點擊地址直接跳轉至地圖的功能,在默認是情況下就是開啟！