使用不同分辨率的苹果触摸图标



目前我正在使用以下标签将苹果触摸图标.png链接到我的网站

<link rel="apple-touch-icon" href="/apple-touch-icon.png">

它的分辨率为57x57像素。但是,现在我想为具有视网膜显示屏的iPhone和iPad的用户支持更高分辨率的图标。如何做到这一点。我尝试在谷歌上搜索这个问题,但没有出现任何有用的结果。你有什么建议?

https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html

<link rel="apple-touch-icon" href="touch-icon-iphone.png" />
<link rel="apple-touch-icon" sizes="72x72" href="touch-icon-ipad.png" />
<link rel="apple-touch-icon" sizes="114x114" href="touch-icon-iphone-retina.png" />
<link rel="apple-touch-icon" sizes="144x144" href="touch-icon-ipad-retina.png" />

相关内容

  • 没有找到相关文章

最新更新