您的位置：首页 > 运维架构 > 网站架构

在网站添加“添加至主屏幕”的自定义图标(iPhone,iPod,iPad)

2013-05-21 12:16 519 查看

       apple的移动设备的浏览器都有一个常用功能，就是将常用网页“添加至主屏幕”，这样一个网站几乎就可以当做app来使用可，对用户来说很是方便。但是一个一般的网站，被添加到主屏幕后，图标就是网页的缩略图，很不好看。
       经过对部分添加至主屏幕后有个漂亮图标的网站的研究，发现只要在<head>标签中添加一个特殊的<link>就可以搞定。

       具体代码如下：

        <link href="image/logo.png" rel="apple-touch-icon-precomposed">

        <link href="image/logo_141.png" sizes="114x114" rel="apple-touch-icon-precomposed">


两条分别对应不同大小的图标。

        在你的网站也加一个试试看呗？

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航