一、<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
1.name="viewport" //設(shè)置視口（網(wǎng)頁(yè)可繪制的區(qū)域）
2.width=device-width //應(yīng)用程序的寬度和屏幕的寬度是一樣的
3.height=device-height //應(yīng)用程序的高度和屏幕的高是一樣的
4.initial-scale=1.0 //應(yīng)用程序啟動(dòng)時(shí)候的縮放尺度（1.0表示不縮放）
5.minimum-scale=1.0 //用戶可以縮放到的最小尺度（1.0表示不縮放）
6.maximum-scale=1.0 //用戶可以放大到的最大尺度（1.0表示不縮放）
7.user-scalable=no //用戶是否可以通過(guò)他的手勢(shì)來(lái)縮放整個(gè)應(yīng)用程序，使應(yīng)用程序的尺度發(fā)生一個(gè)改變（yes/no）
二、<meta name="viewport" content="target-densitydpi=device-dpi, width=480px, user-scalable=no">
1.target-densitydpi=device-dpi //指定屏幕像素密度DPI,device-dpi 為設(shè)備原本的DPI值,不會(huì)有任何縮放.( dpi是單位,一般指每英寸的像素)
三、<meta name="apple-mobile-web-app-capable" content="yes">
//說(shuō)明：網(wǎng)站開(kāi)啟對(duì)web app程序的支持
1.apple-mobile-web-app-capable //
2.content="yes" //是否開(kāi)啟（開(kāi)啟）
四、<meta http-equiv="X-UA-Compatible" content="IE=edge"> //強(qiáng)制使用ie最新內(nèi)核模式渲染
五、<meta name="format-detection" content="telephone=no">
當(dāng)該 HTML 頁(yè)面在手機(jī)上瀏覽時(shí)，該標(biāo)簽用于指定是否將網(wǎng)頁(yè)內(nèi)容中的手機(jī)號(hào)碼顯示為撥號(hào)的超鏈接
在 iPhone 上默認(rèn)值是：
<meta name="format-detection" content="telephone=yes"/>
如果你不希望手機(jī)自動(dòng)將網(wǎng)頁(yè)中的電話號(hào)碼顯示為撥號(hào)的超鏈接，那么可以這樣寫：
<meta name="format-detection" content="telephone=no"/>
六、<meta content="email=no" name="format-detection" />//將不識(shí)別郵箱，告訴設(shè)備忽略將頁(yè)面中的數(shù)字識(shí)別為電話號(hào)碼 。
七、<meta name="apple-mobile-web-app-status-bar-style" content="black" />
在web app應(yīng)用下?tīng)顟B(tài)條（屏幕頂部條）的顏色；
默認(rèn)值為default（白色），可以定為black（黑色）和black-translucent（灰色半透明）。
注意：若值為“black-translucent”將會(huì)占據(jù)頁(yè)面px位置，浮在頁(yè)面上方（會(huì)覆蓋頁(yè)面20px高度–iphone4和itouch4的Retina屏幕為40px）。
八、<meta name="apple-touch-fullscreen" content="yes"> //"添加到主屏幕“后，全屏顯示
九、<meta name="apple-mobile-web-app-capable" content="yes" />
//這meta的作用就是刪除默認(rèn)的蘋果工具欄和菜單欄。content有兩個(gè)值”yes”和”no”,當(dāng)我們需要顯示工具欄和菜單欄時(shí)，這個(gè)行meta就不用加了，默認(rèn)就是顯示。
十、蘋果web app其他設(shè)置：
1).<link rel="apple-touch-icon-precomposed" href="iphone_milanoo.png" />
說(shuō)明：這個(gè)link就是設(shè)置web app的放置主屏幕上icon文件路徑。
使用：該路徑需要注意的就是放到將網(wǎng)站的文檔根目錄下但不是服務(wù)器的文檔的根目錄。圖片尺寸可以設(shè)定為5757（px）或者Retina可以定為114114（px），ipad尺寸為72*72（px）。
2).<link rel="apple-touch-startup-image" href="milanoo_startup.png" />
說(shuō)明：這個(gè)link就是設(shè)置啟動(dòng)時(shí)候的界面（圖片五），放置的路勁和上面類似。
使用：該路徑需要注意的就是放到將網(wǎng)站的文檔根目錄下但不是服務(wù)器的文檔的根目錄。官方規(guī)定啟動(dòng)界面的尺寸必須為 320*640（px），原本以為Retina屏幕可以支持雙倍，但是不支持，圖片顯示不出來(lái)。
十一、<META NAME="MobileOptimized" CONTENT="240">
//瀏覽器不會(huì)自動(dòng)調(diào)整文件的大小,也就是說(shuō)是固定大小,不會(huì)隨著瀏覽器拉伸縮放。
