自定义网站在Safari中添加至主屏幕的图标
2016-02-02 15:15
591 查看
默认添加网站到主屏幕,显示的图标为网站的截图
使用下面的标签可以自定义图标
该标签还支持size属性,可以指定不同尺寸
另外apple-touch-icon也可以达到效果。区别看单词意思,一个有IOS默认图标高亮一个无。
参考:
https://developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html#//apple_ref/doc/uid/TP40002051-CH3-SW4
使用下面的标签可以自定义图标
<link rel="apple-touch-icon-precomposed" href="icon.png">
该标签还支持size属性,可以指定不同尺寸
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="icon-57.png"> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="icon-72.png"> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="icon-114.png"> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="icon-144.png">
另外apple-touch-icon也可以达到效果。区别看单词意思,一个有IOS默认图标高亮一个无。
参考:
https://developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html#//apple_ref/doc/uid/TP40002051-CH3-SW4
相关文章推荐
- 网站改版公测,手机/kindle大奖等你来拿!
- 汽车出行服务-架构设计
- 【转】珍藏多年的素材,灵感搜寻网站
- Nancy之给我们的网站添加自定义图标
- U3D架构系列之- FSM有限状态机设计六(总结篇)
- U3D架构系列之- FSM有限状态机设计五
- U3D架构系列之- FSM有限状态机设计四
- U3D架构系列之- FSM有限状态机设计三
- U3D架构系列之- FSM有限状态机设计二
- U3d架构系列之:FSM有限状态机设计一
- 架构思想
- android基本架构
- Code Project网站上关注的一些人
- JavaBean——四舍五入(保留一定的小数),MVC设计模式,EL表达式和JSTL标签快速入门,软件三层架构设计
- WordPress优化:为网站添加个性化缩略图标
- IIS express 7.5 配置和多网站执行
- 理解RESTful架构
- iOS应用架构
- web架构设计经验分享
- 屏幕尺寸、密度,分辨率查询网站