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+ 瀏覽量

助力你的職業生涯

完成課程獲得認證

開始