当您选择“添加到主屏幕”时,我不太熟悉为 iOS(和 Android)添加图标的代码,但根据我读到的内容,我使用了以下代码:
<link rel="apple-touch-icon-precomposed" href="http://www.redtypewriter.com/wp-content/uploads/2014/03/57.jpg"/>
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://www.redtypewriter.com/wp-content/uploads/2014/03/72.jpg"/>
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://www.redtypewriter.com/wp-content/uploads/2014/03/114.jpg"/>
该代码似乎有效,但是当我将其添加到主屏幕后,一段时间后,该图标消失了,只剩下一个黑色方块代替该图标?发生了什么?该网站是:http://www.redtypewriter.com/ http://www.redtypewriter.com/如果你想看一下,我正在使用自定义 WordPress 主题。
Thanks!
出现黑色图标的主要原因有两个:
- 使用JPG图片(iOS更喜欢PNG)
- 使用具有透明区域的 PNG。 iOS 用黑色填充透明区域。
就您而言,这是因为您的图片是 JPG 格式而不是 PNG 格式。
通过你的原始图片,我观察到三个问题:
- 黑色图标,正如您所描述的那样。
- 我的设备花了一些时间才显示图标(例如添加到主屏幕时)。在最初的几秒钟内,我只看到了默认图标。这并不罕见,但我有点惊讶。
- When bookmarking, my device didn't use your icons but another one:
当我将它们转换为 PNG 并相应地更改 HTML 代码后,所有问题都立即得到解决。
此外,你没有定义足够的图片 https://stackoverflow.com/questions/5110776/apple-touch-icon-for-websites/21144916#21144916。例如,您的图标在 Retina iPad 上看起来不太好。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)