网页在apple设备显示独特的icon图标之方法

其实只要在<head></head>之间加入一行代码即可实现,具体如下:

<link rel=”apple-touch-iconsizes=”114×114href=”favicon.png” />

其中,在href后面是你的图标之地址,可以在制作主题的时候,做一个传递值,也可以手动放在根目录里面。图片的格式推荐使用png,因为他可以使用透明图片,这样适合做一些沉浸式的效果,至于是否可以使用其它如jpg格式,林三没有试过,大家试试就知道了。

最后要说明的是,这个size写的是114×114,如果你修改了尺寸的话,苹果设备是不会识别你的图标的。林三之前就是因为图标本身只有64×64的大小而把前面的数字修改了,结果无法识别。

PS:最近做林三随笔自适应的时候,发现右侧总是多出一点边距,但是查看主题又看不到是谁引起的。仔细排查主题里面的元素后发现是子元素越界造成,直接穿透了父元素,以后要注意。

未经允许不得转载:林三科技 » 网页在apple设备显示独特的icon图标之方法

赞 (2) 打赏

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏