1.meta標(biāo)簽
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="telephone=no" name="format-detection">
第一個(gè)meta標(biāo)簽表示:強(qiáng)制讓文檔的寬度與設(shè)備的寬度保持1:1鬼廓,并且文檔最大的寬度比例是1.0了嚎,且不允許用戶點(diǎn)擊屏幕放大瀏覽;width - viewport的寬度 height - viewport的高度 initial-scale - 初始的縮放比例 minimum-scale - 允許用戶縮放到的最小比例 maximum-scale - 允許用戶縮放到的最大比例 user-scalable - 用戶是否可以手動(dòng)縮放
第二個(gè)meta標(biāo)簽是iphone設(shè)備中的safari私有meta標(biāo)簽,它表示:允許全屏模式瀏覽祟霍;
第三個(gè)meta標(biāo)簽也是iphone的私有標(biāo)簽,它指定的iphone中safari頂端的狀態(tài)條的樣式盈包;在web app應(yīng)用下狀態(tài)條(屏幕頂部條)的顏色沸呐;默認(rèn)值為default(白色),可以定為black(黑色)和black-translucent(灰色半透明)呢燥。注意:若值為“black-translucent”將會(huì)占據(jù)頁(yè)面px位置崭添,浮在頁(yè)面上方(會(huì)覆蓋頁(yè)面20px高度–iphone4和itouch4的Retina屏幕為40px)。
第四個(gè)meta標(biāo)簽表示:告訴設(shè)備忽略將頁(yè)面中的數(shù)字識(shí)別為電話號(hào)碼叛氨。