苹果iPhone/iPodTouch网络剪辑图标尺寸

苹果iPhone/iPodTouch网络剪辑图标尺寸,iphone,html,apple-touch-icon,Iphone,Html,Apple Touch Icon,在Apple iPhone和iPod Touchs上,您可以指定指向图标文件的链接,如下所示: <link rel="apple-touch-icon" href="/apple-touch-icon.png"> …但在上,它建议您指定两个不同大小的图标,一个用于iPhone

在Apple iPhone和iPod Touchs上,您可以指定指向图标文件的链接,如下所示:

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

…但在上,它建议您指定两个不同大小的图标,一个用于iPhone<4,另一个用于iPhone 4


我找不到说明如何指定这两个独立图标的文档。有人能帮忙吗?

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

只需使用:

<!-- **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图标
而不是
apple touch图标
,则可以使图标不具有光泽效果

你可以使用几个标签来拥有Safari Mobile的所有功能,比如闪屏等等


另外,阅读一下,你就会知道拥有一个出色的web应用所需要的几乎所有东西

谢谢你的回答,我不知道“大小”属性。谷歌现在有另一个很好的资源可以寻找。尽管我认为iPad应该是72 x 72,“视网膜”显示器应该是114 x 114,从我问题中发布的文档判断。添加了移动Tuts链接,你们可以在网络应用上使用更多的标签