【发布时间】:2015-03-09 12:18:04
【问题描述】:
Iphone 上的网站图标存在一些问题。
我在标题之后和我的 css 文件之前的标题中添加了以下代码:
<!-- For iPhone with high-resolution Retina display running iOS ≥ 7: -->
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="/apple-touch-icon-120x120.png">
<!-- For iPhone with high-resolution Retina display running iOS ≤ 6: -->
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/apple-touch-icon-144x144.png">
<!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: -->
<link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-57x57.png">
<link rel="icon" href="/icon_32.png" sizes="32x32">
我所有的 favicon 文件都位于根文件夹中,并且还有 favicon.ico 以支持旧浏览器。
不知何故,我的 iphone 没有显示任何图标,当我将页面添加到收藏夹时,当我尝试添加到主屏幕时,它只是使用页面的快照作为图标。在我的 Android 设备上,这些图标运行良好。
问题可能出在哪里?也许有什么建议可以直接在我的 iphone 上调试这个问题?
最好的问候, 格莱布。
【问题讨论】: