苹果触摸图标（iPhone视网膜）未应用-出了点问题吗？

Question

我的网站有4个图标：

• 苹果手机
• iPhone视网膜
• iPad的
• iPad视网膜

除iPhone视网膜（144x144）之外，它们都工作正常，后者仅显示通常的低分辨率iphone图标（57x57）。 下面是我的代码，请告诉我我在做什么错。所有路径/图像/大小均正确。

谢谢。

<link rel="apple-touch-icon-precomposed" href="app/img/touch-icon-iphone.png" />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="app/img/touch-icon-ipad.png" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="app/img/touch-icon-iphone-retina.png" />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="app/img/touch-icon-ipad-retina.png" />

Answer 1

您是否使用@ 2x重命名了114x114图像图片名称？ imageName @ 2x等

Answer 2

设置iPhone视网膜图像名称touch-icon-iphone@2x.png 。 就是144 * 144。