html – 网站图标(rel =图标)没有出现在chrome for android中

我在我的网站的每个页面都有这个代码.

<link rel="icon" sizes="192x192" href="http://compesh.com/assets/graphics/touch-icon-chrome.png" />

然而,当我在Chrome for Android上访问我的网站并点击“添加到主屏幕”时,我的图标从未显示在对话框中.我的图像尺寸正确且存在.

到底是怎么回事？

I have used this documentation from Google.

更新

我的网站是http://compesh.com
查看页面源代码,看看我是否犯过任何错误.

它适用于Android版Firefox,但适用于Android版Chrome和Windows版Chrome.我在Firefox WebIDE中看到了这一点

第二次更新
Firefox for Windows未在选项卡中显示我的favicon图像.相反,它显示错误的图像并将其缩小到16×16像素,而不是使用我在网页中指定的16×16图标.

解决方法

<div style="display: none;">

标签后

<meta name="viewport" content="width=610">

在你的head标签中,这就是为什么浏览器在div和favicon没有显示之前关闭你的head标签的原因.从头上删除那个div,一切都会好的.

（编辑：南平站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!