现在的位置: 网页制作教程网站制作经验 >正文
代码插件

网站在苹果设备safari浏览器创建桌面图标的标签

发表于2020/5/25 网站制作经验 0条评论 ⁄ 热度 196℃

在苹果设备的safari浏览器里,要想给网站创建桌面图标,就需要给网站做图标设置。

苹果safari浏览器当中apple-touch-icon-precomposed 和 apple-touch-icon属性是专门定义网站图标的meta标签。

苹果设备桌面图标

苹果设备桌面图标

  • apple-touch-icon:苹果移动设备图标;
  • apple-touch-icon-precomposed:苹果移动设备初始图标样式;

因为在ios系统中对icon有一套规范,就是在ios设备的图标统一为“四边圆角”、“高光处理”,至于“图标阴影”,是ios设备中统一为所有桌面元素增加的,所以不作为图标单独处理的样式,由于在视觉上统一最重要的是形状的统一,所以“圆角”是必须的,但是对于“高光”苹果没有做出特别的强调,所以苹果设置当中把“高光”作为可选项,就产生了apple-touch-icon 和 apple-touch-icon-precomposed属性。

apple-touch-icon属性比使用apple-touch-icon-precomposed图标多出一个高光效果。

  • 使用apple-touch-icon属性为“增加高光光亮的图标”;
  • 使用apple-touch-icon-precomposed属性为“设计原图图标”;
  • 暂无评论