最近收到运维反应 后台有很多关于这个图片404的问题 ;自己也是一脸懵逼的;
####出现原因:
苹果safari浏览器定义的这两种属性是为了苹果移动设备(ipod、ipad、iphone)对移动网站-mobile web进行收藏(“添加到桌面图标”)的时候增加的图标定义属性;web端没有配置这2个属性导致的;
(添加到桌面图标)具体操作如下:
知道的小伙伴就当看着玩--反正我是第一次知道



因为没有配置这个图片,就会报404的错了; 不BB了 下面贴下解决办法; ####解决办法:
<link rel="apple-touch-icon" sizes="120x120" href="./apple-touch-icon.png">
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="./apple-touch-icon.png">
注:这个图片就是显示主屏幕的ICON 自己找设计出图也行啦
####额外补充:
apple-touch-icon 和 apple-touch-icon-precomposed是2个不同属性。
区别:
- 使用apple-touch-icon属性为“增加高光光亮的图标”;
- 使用apple-touch-icon-precomposed属性为“设计原图图标”;
简单点说 就是一个图标比较高亮 最为备选的图片 我这么说容易理解吧~
溜了~溜了~