HTML5   发布时间:2022-04-27  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了添加到主屏幕的iOS图标变黑大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
当你选择“添加到主屏幕”时,我并不十分熟悉为iOS(和 Android)添加图标的代码,但我根据我读到的内容使用了以下内容

<link rel="apple-touch-icon-precomposed" href="@R_262_10107@://www.redtypewriter.com/wp-content/uploads/2014/03/57.jpg"/>  
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="@R_262_10107@://www.redtypewriter.com/wp-content/uploads/2014/03/72.jpg"/>  
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="@R_262_10107@://www.redtypewriter.com/wp-content/uploads/2014/03/114.jpg"/>

代码似乎工作,但在我将它添加到我的主屏幕后,一段时间后,图标消失,我留下一个黑色方块代替图标?发生了什么?该网站是:http://www.redtypewriter.com/,如果你想看看,我使用自定义wordpress主题.

谢谢!

解决方法

获得黑色图标有两个主要原因:

>使用JPG图片(iOS更喜欢PNG)
>将PNG与透明区域一起使用. iOS用黑色填充透明区域.

在您的情况下,这是因为您的图片是JPG格式而不是PNG.

有了原始图片,我发现了三个问题:

>正如你所描述的那个黑色图标.
>我的设备花了一些时间来显示图标(例如,添加到主屏幕时).在最初的几秒钟内,我只看到了认图标.这不是那么不寻常,但我有点惊讶.
>书签时,我的设备没有使用你的图标,而是另一个

只要我将它们转换为PNG并相应地更改HTML代码,所有问题都会立即修复.

此外,you don’t define enough pictures.例如,您的图标在ReTina iPad上看起来不太好.

@H_404_40@

大佬总结

以上是大佬教程为你收集整理的添加到主屏幕的iOS图标变黑全部内容,希望文章能够帮你解决添加到主屏幕的iOS图标变黑所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。