HTML 网页的 Apple Touch 图标

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

对于具有不同设备分辨率（如 iPhone 或 iPad）的多图标，请向每个链接元素添加 sizes 属性，如下所示 −

<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 年 6 月 24 日

2K+ 浏览量

助力你的职业生涯

完成课程获得认证

开始