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应用程序所需的几乎所有内容