2016-03-06 65 views
0

我试图创建一个网站,但与favicon有问题。 网站:http://apelsinblog.ml 举报:http://realfavicongenerator.net/favicon_checker?site=http%3A%2F%2Fapelsinblog.ml#.Vtx2emCLTIU 我希望网站图标可以在移动设备和Win8/10平台上正常使用,但这些平台的网站图标无法正常使用,您可以从屏幕截图中看到。 请通过HTML看看。非常感谢你。 片段的<head>与网站图示:favicon有什么问题?

<link rel="apple-touch-icon" sizes="57x57" href="/fi/apple-touch-icon-57x57.png"> 
<link rel="apple-touch-icon" sizes="60x60" href="/fi/apple-touch-icon-60x60.png"> 
<link rel="apple-touch-icon" sizes="72x72" href="/fi/apple-touch-icon-72x72.png"> 
<link rel="apple-touch-icon" sizes="76x76" href="/fi/apple-touch-icon-76x76.png"> 
<link rel="apple-touch-icon" sizes="114x114" href="/fi/apple-touch-icon-114x114.png"> 
<link rel="apple-touch-icon" sizes="120x120" href="/fi/apple-touch-icon-120x120.png"> 
<link rel="apple-touch-icon" sizes="144x144" href="/fi/apple-touch-icon-144x144.png"> 
<link rel="apple-touch-icon" sizes="152x152" href="/fi/apple-touch-icon-152x152.png"> 
<link rel="apple-touch-icon" sizes="180x180" href="/fi/apple-touch-icon-180x180.png"> 
<link rel="icon" type="image/png" href="/fi/favicon-32x32.png" sizes="32x32"> 
<link rel="icon" type="image/png" href="/fi/favicon-194x194.png" sizes="194x194"> 
<link rel="icon" type="image/png" href="/fi/favicon-96x96.png" sizes="96x96"> 
<link rel="icon" type="image/png" href="/fi/android-chrome-192x192.png" sizes="192x192"> 
<link rel="icon" type="image/png" href="/fi/favicon-16x16.png" sizes="16x16"> 
<link rel="manifest" href="/fi/manifest.json"> 
<link rel="mask-icon" href="/fi/safari-pinned-tab.svg" color="#fc9700"> 
<meta name="apple-mobile-web-app-title" content="Апельсин — свежий сайт"> 
<meta name="application-name" content="Апельсин — свежий сайт"> 
<meta name="msapplication-TileColor" content="#fc9700"> 
<meta name="msapplication-TileImage" content="/mstile-144x144.png"> 
<meta name="theme-color" content="#fc9700"> 

对不起offtopic。更正问题以避免它。

+0

*与favicon有问题*:有什么问题?还请提供问题中的相关代码。 – trincot

+0

嗨,我是RealFaviconGenerator的作者。我只是检查你的网站,不幸的是,检查器无法解析你的主页。也许这是因为它包含非ASCII字符(只是一个假设;我正在调试)。但是你的代码看起来很好,图标文件是可访问的等等。所以你可以放心地忽略检查结论,并认为你的图标是正确的。 –

+0

哦,并且您的browserconfig.xml没有声明(尽管存在于/ fi中)。是否有一个原因? –

回答

0

是什么问题? favicon目前favicon screenshot

如果您没有看到图标,有时只需要关闭浏览器并重新打开它或清除缓存。

+0

谢谢,但我担心移动设备上的图标。 –