我读过有很多苹果触摸图标大小。
就像那样:
<link rel="apple-touch-icon" href="apple-touch-icon-iphone.png" />
<link rel="apple-touch-icon" sizes="72x72" href="apple-touch-icon-ipad.png" />
<link rel="apple-touch-icon" sizes="114x114" href="apple-touch-icon-iphone4.png" />
在我买的主题中,我的代码看起来像这样:
<link rel="apple-touch-icon" href="logo.png" /><style type="text/css" media="all">
所以问题是:如果没有指定大小,图标应该是多大,以及该如何处理它?</ p>
我的猜测,我将使图标144x144以及以上所有内容都适当缩小!
*参考:What size should apple-touch-icon.png be for iPad and iPhone 4?
答案 0 :(得分:1)
根据this Apple Developer page,如果没有指定大小,则默认为57x57 ...但我相信如果你有一个更大的图标,设备会适当缩放它,所以144x144可以工作。
如果您可以访问代码,为什么不更改其中的内容并指定不同的大小?这样,每个设备只会为其屏幕下载适当大小的图像并节省一些带宽(这对于可能在慢速3G甚至3G前连接上的移动设备非常重要。)
有一点需要注意,真的旧设备不理解“sizes”属性,最终会加载 last 指定的元素...所以你应该保留57x57列表底部的图标。
最后,请注意您的第一个示例代码中的文件名可以更改;如果“apple-touch-icon-114x114.png”比“apple-touch-icon-iphone4.png”对你更有意义,请随意使用(或任何你喜欢的)。只需确保href属性中的URL与您正在使用的文件名匹配!唯一需要注意的是确保您有一个与四个默认图像中的一个匹配的文件,以便任何没有指定apple-touch-icon链接的页面仍然具有默认值。四个图像(按照它们被检查的顺序):