HTML設置iOS主畫面圖標 – 畅想资源

网站最后更新日期：2022年3月25日

欢迎大家来到畅想资源 AREFLY.COM！个人网站（中）个人网站（EN）更多联络方式

×

暢想資源的Facebook粉絲專頁

HTML設置iOS主畫面圖標

7 月102013

作者：超级efly 发布：2013-07-10 07:29 分类：网络阅读：6,026

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/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\
                  / `  /
                 <<   | 
                 /    | 
               /      | 
             /        | 
           /    \  \ /  
          (      ) | |  
  ________|   _/_  | |  
<__________\______)\__)