移動端web開發，基本Meta標籤

標籤：style   blog   http   os   io   ar   for   檔案   cti   

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

　　作用：設定預設尺寸，對縮放進行限制。

2、<meta name="apple-touch-fullscreen" content="yes">

　　作用：添加到主畫面“後，全螢幕顯示

3、<meta name="apple-mobile-web-app-capable" content="yes" />

　　作用：刪除預設的蘋果工具列和功能表列。

4、<meta name=”apple-mobile-web-app-status-bar-style” content=black” />

　　作用：控制狀態列顯示樣式。預設值為default（白色），可以定為black（黑色）和black-translucent（灰色半透明）。
　　注意：若值為“black-translucent”將會佔據頁面px位置，浮在頁面上方（會覆蓋頁面20px高度，iphone4和itouch4的Retina螢幕為40px）。

5、<link rel="apple-touch-icon-precomposed" href="http://spion.blog.163.com/blog/iphone_milanoo.png" />

　　作用：設定web app的放置主畫面上icon檔案路徑。圖片尺寸可以設定為57*57（px）或者Retina可以定為114*114（px），ipad尺寸為72*72（px）。

6、<meta name="format-detection" content="telephone=no" />　　　　//禁止把數字轉化為撥號連結。
　  <meta name="format-detection" content="email=no" />　　　　//告訴裝置不識別郵箱，點擊之後不自動發送。
     <meta name="format-detection" content="address=no">　　　　//禁止跳轉至地圖。

　　說明：format-detection翻譯成中文的意思是“格式檢測”。

移動端web開發，基本Meta標籤