欢迎来到HELLO素材网! 南京网站制作选择顺炫科技
丰富的DIV CSS模版、JS,jQuery特效免费提供下载
当前位置:主页 > 建站教程 > 网站制作教程 >

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

发表于2014-09-23 10:16| 次阅读| 来源整理| 作者session

摘要:apple的移动设备的浏览器都有一个常用功能,就是将常用网页“添加至主屏幕”,这样一个网站几乎就可以当做app来使用可,对用户来说很是方便。但是一个一般的网站,被添加到主屏

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">


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

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