在iPhone,iPad,iTouch的safari上可以使用添加到主屏按鈕將網站添加到主屏幕上。
apple-touch-icon是IOS設備的私有標簽，如果設置了相應apple-touch-icon標簽，則添加到主屏上的圖標會使用指定的圖片。在

apple-touch-icon 標簽支持sizes屬性，可以用來放置對應不同的設備。

分別放置57×57（默認值）的圖標對應320×640的老設備，72×72對應ipad，114×114對應retina屏的iPhone及iTouch。由于手頭沒有iPad3，所以沒測試是否支持144×144的圖標在iPad3上的顯示。

雖然官方都用的png圖片做說明，但實際測試jpg格式也可用（不推薦），圖片無需做圓角處理，同Native App一樣，系統會自動為圖標添加圓角及高光。如果不想系統對圖標添加效果，可以用apple-touch-icon-precomposed代替apple-touch-icon。

圖標搜索的優先級如下：

• 如果沒有跟相應設備推薦尺寸一致的圖標，那個會優先使用比推薦尺寸大，但最接近推薦尺寸的圖標。

• 如果沒有比推薦尺寸大的圖標，會優先選擇最接近推薦尺寸的圖標。

• 如些有多個圖標符合推薦尺寸，會優先選擇包含關鍵字precomposed的圖標。

如果未在區域指定用link標簽指定圖標，會自動搜索網站根目錄下有apple-touch-icon...或者 apple-touch-icon-precomposed…前綴的圖標。 如設備推薦尺寸為57x57,優先級如下：

1. apple-touch-icon-57×57-precomposed.png

2. apple-touch-icon-57×57.png

3. apple-touch-icon-precomposed.png

4. apple-touch-icon.png

各尺寸自適應代碼：

默認：57x57，iPad：72x72，iPhone 4,Retina屏：114x114（原尺寸的2倍）

　> 相關閱讀：

• jquery和ajax是什么關系?主要應用在哪？
• border邊框在瀏覽器中的渲染方式
• 網站中qq在線留言設置詳細說明
• 聊城精英告訴你asp獲取地址欄參數如何反編碼
• 網站后臺表格隔行換色 ecshop后臺隔行換色修改
• 什么是長尾詞 企業網站如何使長尾詞獲得排名
• 工信部張峰:互聯網業務已成信息通信業主導力量
• 互聯網加時間 我們聊城的網絡公司應該如何給客戶做網站
• 2015年元宵節 百度取消了首頁快照顯示時間
• 微軟雅黑字體在蘋果瀏覽器不支持問題解決辦法