1. Viewport

什么是Viewport

手機瀏覽器是把頁面放在一個虛擬的“窗口”（viewport），viewport 這個 meta tag，讓網(wǎng)頁開發(fā)者來控制 viewport 的大小和縮放。

Viewport 基礎(chǔ)

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

• width：控制 viewport 的大小，可以指定的一個值，如果 600，或者特殊的值，如 device-width 為設(shè)備的寬度（單位為縮放為 100% 時的 CSS 的像素）。
• height：和 width 相對應(yīng)，指定高度。
• initial-scale：初始縮放比例，也即是當(dāng)頁面第一次 load 的時候縮放比例。
• maximum-scale：允許用戶縮放到的最大比例。
• minimum-scale：允許用戶縮放到的最小比例。
• user-scalable：用戶是否可以手動縮放

2. format-detection

format-detection翻譯成中文的意思是“格式檢測”，顧名思義，它是用來檢測html里的一些格式的

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"

iphone設(shè)備中的safari私有meta標(biāo)簽，它表示：允許全屏模式瀏覽：
<meta content="yes" name="apple-mobile-web-app-capable" />
iphone的私有標(biāo)簽，它指定的iphone中safari頂端的狀態(tài)條的樣式：
<meta content="black" name="apple-mobile-web-app-status-bar-style" />

每個設(shè)置的作用

• telephone
  你明明寫的一串?dāng)?shù)字沒加鏈接樣式，而iPhone會自動把你這個文字加鏈接樣式、并且點擊這個數(shù)字還會自動撥號！想去掉這個撥號鏈接該如何操作呢？這時我們的meta又該大顯神通了，代碼如下：
  telephone=no就禁止了把數(shù)字轉(zhuǎn)化為撥號鏈接！
  telephone=yes就開啟了把數(shù)字轉(zhuǎn)化為撥號鏈接，要開啟轉(zhuǎn)化功能，這個meta就不用寫了,在默認是情況下就是開啟！

• email
  告訴設(shè)備不識別郵箱，點擊之后不自動發(fā)送
  email=no禁止作為郵箱地址！
  email=yes就開啟了把文字默認為郵箱地址，這個meta就不用寫了,在默認是情況下就是開啟！

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