apple-touch-startup-image是用來標(biāo)示啟動(dòng)畫面的,,但它不像apple-touch-icon可以指定sizes來告訴設(shè)備該使用哪個(gè)圖片(也有一種說法是在iOS5中已經(jīng)支持sizes識(shí)別了,但沒有測試成功),,所以只能通過media里的設(shè)備分辨率的判斷值來識(shí)別,,而iPhone Retina的分辨率值界于取值之間,所以需要通過webkit的私有屬性-webkit-min-device-pixel-ratio:2來鑒別像素密度以進(jìn)行識(shí)別,。
啟動(dòng)畫面的圖片尺寸并非完全等于設(shè)備的尺寸,,比如iPad2的尺寸是1024×768,但它的啟動(dòng)畫面尺寸橫向是1024×748,,豎向尺寸是 768×1004,,因?yàn)樾枰獪p去系統(tǒng)狀欄的高度20px,,而使用的Retina屏幕的iPhone4以及iPad3則需要減去狀態(tài)欄的高度40px。
Web App運(yùn)行起來要像Native App,,那么就要去掉Safari的一些默認(rèn)控件,比如地址欄,、狀態(tài)欄之類的,。
apple-mobile-web-app-capable是用來定義應(yīng)用全屏展示的;在定義了apple-mobile-web-app- capable的前提下,,設(shè)置狀態(tài)欄的屬性值apple-mobile-web-app-status-bar-style才有效,;format- detection的值用于啟用或禁用自動(dòng)檢測在網(wǎng)頁中可能出現(xiàn)的電話號(hào)碼;
viewport并非Safari的私有屬性,,width用于指定寬度,,initial-scale指定初始化的縮略比例,minimum-scale指定縮小的比例,,而maximum-scale則是放大的比例,,當(dāng)然這些縮放都取決于user-scalable——決定用戶是否能縮放頁面。
更正:
雖然New iPad采用了Retina屏幕,,但實(shí)際上物理分辨率并沒有變,,還是1024*768的,所以以上代碼中的New iPad的啟動(dòng)畫面代碼尺寸有誤,,應(yīng)該是