一、META、Link設(shè)置
1、設(shè)置Safari的頁(yè)面寬度（在iPhone中默認(rèn)寬度為980px）
<meta name=”viewport” content=”user-scalable=no, width=device-width” />

2、添加Home Screen圖標(biāo)
<link rel=”apple-touch-icon” href=”myCustomIcon.png” />
<link rel=”apple-touch-icon-precomposed” href=”myCustomIcon.png” />

3、全屏模式
<meta name=”apple-mobile-web-app-capable” content=”yes” />

4、狀態(tài)欄樣式（只有在全屏模式下才可以改變狀態(tài)欄樣式）
<meta name=”apple-mobile-web-app-status-bar-style” content=”black” />

5、App加載圖片（相當(dāng)于經(jīng)常使用的loading部分）
<meta name=”apple-touch-startup-image” href=”myCustomStartupGraphic.png” />

6、Orientation CSS（Media Queries）
<link rel=”stylesheet” media=”screen and (orientation: portrait)” href=”portrait.css” />
<link rel=”stylesheet” media=”screen and (orientation: landscape)” href=”landscape.css” />

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