正在加载不正确的apple-touch-icon

Question

当我将网站添加到主屏幕时，放在head元素中的此代码会在我的iPhone 6 Plus上加载120px图标，即使Apple documentation说不应该＆＃39是这样的。

<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规范中的错误，但无论如何这都不正常。

此问题已作为issue of the html5-boilerplate project进行了讨论，并在RealFaviconGenerator compatibility page中进行了详细说明（完全披露：我是本网站的作者）。底线：

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