HTML設置iOS主畫面圖標 – 暢想資源

網站最後更新日期：2022年3月25日

歡迎大家來到暢想資源 AREFLY.COM！個人網站（中）個人網站（EN）更多聯絡方式

×

暢想資源的Facebook粉絲專頁

HTML設置iOS主畫面圖標

7 月102013

作者：超級efly 發布：2013-07-10 07:29 分類：網絡閱讀：6,023

iOS的Safari有個很好的功能，就是可以添加內容至主畫面，不過默認是沒有圖標的，今天就教大家如何添加這個圖標

教程

只需要在網站的head部分（Wordpress的header.php）添加下列代碼，並把Logo地址該成你的就可以啦！

<!-- iOS系統會自動將圖標生成有高光、圓角及陰影效果（Logo大小：57×57） -->
<link rel="apple-touch-icon" href="你的圖標地址"/>

1 2	<!-- iOS系統會自動將圖標生成有高光、圓角及陰影效果（Logo大小：57×57） --> <link rel="apple-touch-icon" href="你的圖標地址"/>

預覽

原圖：

經過iOS自動轉換：

參考

打造移動終端的 WebApp（一）：搭建一個舞台

總結

1、有問題可以回覆

歷史上的今天

2014年：Linux技巧：screen指令使用教學（4條評論）

覺得這篇文章有用嗎？分享一下讓更多人受益吧！

© 版權聲明：本文章採用“姓名標示-非商業性-相同方式分享 4.0 國際（CC BY-NC-SA 4.0）”於“暢想資源”發布，轉載時須以相同方式發布並註明“原文鏈接”！

本文固定鏈接：https://www.arefly.com/zh-hant/html-ios-home-logo/

本文章由“超級efly”於2013年07月10日發表於“網絡”分類

你可以發表評論，並在保留原文地址及作者的情況下引用到你的網站

轉載請註明：HTML設置iOS主畫面圖標 | 暢想資源

關鍵字：HTML, IOS, Web App, WordPress

[上一篇] 使用PHP清除伺服器緩存

[下一篇] Mac保護SSD小技巧

您可能還會對這些文章感興趣！

如果您對本文有任何疑問或建議，歡迎發送郵件至yifei@hesyifei.com（或通過其它途徑）聯繫我們，謝謝！

沪ICP备14025677号-1

自豪地採用 WordPress | 主題基於 Weisay Simple | 架設於阿里雲 | 站點地圖 Sitemap

版權所有 © 2012 - 2024 暢想資源 Arefly

                     .  
                    / V\
                  / `  /
                 <<   | 
                 /    | 
               /      | 
             /        | 
           /    \  \ /  
          (      ) | |  
  ________|   _/_  | |  
<__________\______)\__)