我已添加
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 图像。
我已添加
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 图像。
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" />
根据我在 iOS 上使用 PNG 的经验,你必须有一个透明的背景,否则你会得到a black box with a grey outline
.