适用于 HTML 中网站的 Apple 触控图标

对于 iPhone 或 iPad 上的网页图标，请使用 Apple Touch Icon 或 apple-touch-icon.png 文件。当有人将你的网页添加为书签时，此图标将会使用。

针对使用不同设备分辨率（例如 iPhone 或 iPad）的多个图标，请按照如下内容将 size 属性添加到每个 link 元素：-

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

设置大小

<link rel = "apple-touch-icon" sizes = "160x160" href = "touch-icon-ipad.png">
<link rel = "apple-touch-icon" sizes = "170x170" href = "touch-icon-iphone-retina.png">
<link rel = "apple-touch-icon" sizes = "180x180" href = "touch-icon-ipad-retina.png">

会使用与设备大小相匹配的图标。

karthikeya Boyini

更新于：2020-06-24

2K+ 浏览量

开启你的 职业

完成课程，获得认证

开始学习