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

前端之家收集整理的这篇文章主要介绍了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下面(可能是错误的)
<div style="display: none;">

标签

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

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

原文链接:https://www.f2er.com/html/227550.html

猜你在找的HTML相关文章