![梅問題-手機網頁-設定書籤網址建立到桌面中的APP圖示](http://photo.minwt.com/img/Content/mobileWebDesign/add-bookmark-icon/add-bookmark-icon_00.jpg)
將下方的語法加到<head>~</head>之間。
<link rel="apple-touch-icon" href="images/Icon.png"> <!-- 57×57px --> <link rel="apple-touch-icon" sizes="72×72" href="images/Icon-72.png"> <!-- 72×72px ipad--> <link rel="apple-touch-icon" sizes="114×114" href="images/Icon@2.png"> <!-- 114×114px iphone4--> |
需準備 57×57px、72×72px、114×114px,至於檔名的部分,可自行設定,這邊梅干是直接延用iOS APP的命名規則。
![梅問題-手機網頁-設定書籤網址建立到桌面中的APP圖示](http://photo.minwt.com/img/Content/mobileWebDesign/add-bookmark-icon/add-bookmark-icon_02.jpg)
完成之後,把網址加到桌面時,就會產生剛所設定的圖示啦!是不是好看很多,就像一般的APP一樣。
![梅問題-手機網頁-設定書籤網址建立到桌面中的APP圖示](http://photo.minwt.com/img/Content/mobileWebDesign/add-bookmark-icon/add-bookmark-icon_03.jpg)