在Apple iPhone和iPod Touches上，您可以指定图标文件的链接，如下所示：
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
...但在this page上，它建议您指定两种不同大小的图标，一种用于iPhone＆lt; 4和另一个iPhone 4。
我找不到可以找到如何指定两个单独图标的文档。有人可以帮忙吗？
答案 0 :(得分：14)
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，则可以使用没有光泽效果的图标。
并且您可以使用多个标签来获得Safari Mobile的所有功能，如启动画面等
另外，给this Mobile Tuts article一个阅读，你几乎可以知道拥有一个出色的网络应用程序所需的一切