Apple iPhone / iPodTouch Web Clip圖標大小

Question

在Apple iPhone和iPod Touches上，您可以指定圖標文件的鏈接，如下所示：

<link rel="apple-touch-icon" href="/apple-touch-icon.png">

...但是在此頁面上 ，它建議您指定兩種不同大小的圖標，一個用於iPhone <4，另一個用於iPhone 4。

我找不到可以顯示如何指定兩個單獨圖標的文檔。 有人可以幫忙嗎？

Answer 1

Google上有大量有關此內容的文檔。

只需使用：

<!-- **normal** (iPhone/iPod **non retina** display) -->
<link rel="apple-touch-icon" href="apple-touch-icon.png"/>

<!-- **normal** (iPhone/iPod **retina** display) -->
<link rel="apple-touch-icon" href="apple-touch-icon-72.png" sizes="72x72"/>

<!-- and **iPad** version -->
<link rel="apple-touch-icon" href="apple-touch-icon-114.png" sizes="114x114"/>

---

作為附加信息 ，如果您使用apple-touch-icon-precomposed而不是apple-touch-icon則可以使用沒有光澤效果apple-touch-icon 。

並且您可以使用多個標簽，以便擁有Safari Mobile的所有功能，如啟動畫面等

另外，請閱讀此移動Tuts文章 ，您將了解擁有一個出色的Web應用程序所需的幾乎所有內容