ios - 正在加载不正确的苹果触摸图标

Question

当我将网站添加到主屏幕时，放置在head元素中的这段代码会在我的 iPhone 6 Plus 上加载 120px 图标，尽管Apple 文档说不应该是这种情况。

<link rel="apple-touch-icon" sizes="120x120" href="img/icon-120.png">
<link rel="apple-touch-icon" sizes="180x180" href="img/icon-180.png">

想法？

Answer 1

这要么是 iOS 的错误，要么是 Apple 规范中的错误，但无论如何这都不正常。

该问题作为html5-boilerplate 项目的问题进行了讨论，并且还记录在RealFaviconGenerator 兼容性页面中（完全披露：我是该站点的作者）。底线：

• 尽管有这些规格，但 iPhone 6 / iOS 8 的主屏幕并未使用 180x180 图标，而是使用 120x120 图标。这是你观察到的。
• 180x180 图标用于两种情况：在 iPhone 6 / iOS 8 上创建书签时（所以 iPhone 6 毕竟确实使用了这个图标）和在 iPad 第三代 / iOS 8 上添加到主屏幕（所以有些iOS 设备确实将此图标用于主屏幕）。