iPad 无法为主页书签找到 apple-touch-icon.png

Question

我添加了 link rel="apple-touch-icon" href="apple-touch-icon.png" 到 head 部分的主 index.php 文件。我在根目录中有apple-touch-icon.png。我试过 57x57、72x72 和 114x114 png。

当我在 Safari 中单击“添加到主屏幕”按钮时，iPad 无法找到我的 .png 文件。它显示了一个带有灰色轮廓的黑框。我不知道如何让我的 iPad 使用我的 .png 图片。

Answer 1

iPad 的正确尺寸是 144px ，因为 114px 是 iPhone 视网膜显示屏的尺寸。

<link rel="apple-touch-icon" sizes="72x72" href="apple-touch-icon.png" />
<link rel="apple-touch-icon" sizes="144x144" href="apple-touch-icon-retina.png" />

Answer 2

根据我在 iOS 上使用 PNG 的经验，你必须有一个透明的背景，否则你会得到 a black box with a grey outline。