html - 我怎样才能像主要网站那样实现 apple-touch-icon-precomposed favicons？

Question

根据 Twitter Bootstrap 文档，您可以按如下方式设置 apple-touch-icon-precomposed 图标和您的常规图标:

<link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
<link rel="shortcut icon" href="assets/ico/favicon.png">

这一切都很好，但我似乎找不到任何真正使用这些链接标签来执行此操作的主要网站 - 是否有理由或其他方式使图标可用？

我检查过:

• 谷歌
• 必应
• Facebook
• 推特主页

是否有任何主要网站使用 apple-touch-icon-precomposed favicons？

如果是这样，他们在哪里/他们是怎么做到的？如果不是，为什么不呢？

Answer 1

如果您将它们直接包含在文档根目录下也可以。我们的网站出现问题，Apple 无法找到图标。不过，我没有参与其中，我只是听说过，但解决方案只是将图标直接放在文档根目录下。