Question

在Apple iPhone和iPod Touches上，您可以指定图标文件的链接，如下所示：

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

...但在this page上，它建议您指定两种不同大小的图标，一种用于iPhone＆lt; 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，则可以使用没有光泽效果的图标。

并且您可以使用多个标签来获得Safari Mobile的所有功能，如启动画面等

另外，给this Mobile Tuts article一个阅读，你几乎可以知道拥有一个出色的网络应用程序所需的一切

Apple iPhone / iPodTouch Web Clip图标大小

1 个答案: