iphone - Apple iPhone/iPodTouch Web Clip 图标大小

Question

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

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

...但是在此页面上，建议您指定两种不同大小的图标，一种用于 iPhone < 4，另一种用于 iPhone 4。

我找不到任何文档来说明如何指定两个单独的图标。任何人都可以帮忙吗？

Answer 1

谷歌上有很多关于这方面的文档。

只需使用：

<!-- **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 的所有功能，例如启动画面等

此外，阅读这篇Mobile Tuts 文章，您将了解拥有出色网络应用所需的几乎所有内容