其实只要在<head></head>之间加入一行代码即可实现,具体如下:
<link rel=”apple-touch-icon” sizes=”114×114” href=”favicon.png” />
其中,在href后面是你的图标之地址,可以在制作主题的时候,做一个传递值,也可以手动放在根目录里面。图片的格式推荐使用png,因为他可以使用透明图片,这样适合做一些沉浸式的效果,至于是否可以使用其它如jpg格式,林三没有试过,大家试试就知道了。
最后要说明的是,这个size写的是114×114,如果你修改了尺寸的话,苹果设备是不会识别你的图标的。林三之前就是因为图标本身只有64×64的大小而把前面的数字修改了,结果无法识别。
PS:最近做林三随笔自适应的时候,发现右侧总是多出一点边距,但是查看主题又看不到是谁引起的。仔细排查主题里面的元素后发现是子元素越界造成,直接穿透了父元素,以后要注意。
网页在apple设备显示独特的icon图标之方法:等您坐沙发呢!