css3--浏览器给网站标识身份

原创 2015年07月09日 18:00:04

目前是苹果手机的专有属性

作用:网页可以添加到主屏幕上,方便访问

<link rel="apple-touch-icon" href="/custom_icon.png"/> 

它可以设置size

<link rel="apple-touch-icon" sizes="57x57" href="touch-icon-iphone.png" />  
<link rel="apple-touch-icon" sizes="72x72" href="touch-icon-ipad.png" />  
<link rel="apple-touch-icon" sizes="114x114" href="touch-icon-iphone4.png" />    
<link rel="apple-touch-icon" sizes="144x144" href="apple-touch-icon-ipad3-144.png" />


图标按照规定大小设置,有利于图标搜索


相关文章推荐

兼容所有浏览器的CSS3圆角

  • 2012年11月02日 11:29
  • 20KB
  • 下载

【Web动画】CSS3 3D 行星运转 && 浏览器渲染原理

最近入坑 Web 动画,所以把自己的学习过程记录一下分享给大家。 CSS3 3D 行星运转 demo 页面请戳:Demo。(建议使用Chrome打开) 本文完整的代码,以及更多的 CSS3 效果,...

IE8及低版本浏览器不支持CSS3 media queries的解决方法

(173LY) 最近在解决UI问题时碰到以下浏览器不兼容性问题(本人属于UI业余操作者,很多想法就很业余了): 问题:IE8及其以下低版本IE浏览器在缩小窗口时,UI没有按照相应的要求显示窗口...

各大浏览器 CSS3 和 HTML5 兼容速查表

====================================================== 注:本文源代码点此下载 =============================...

2012五大主流浏览器 HTML5 和 CSS3 兼容性大比拼

距离上一次发布《五大主流浏览器 HTML5 和 CSS3 兼容性大比拼》转眼已过去一年,在这一年里,浏览器领域的竞争愈演愈烈。Firefox 成为新的“版本帝”但依然未能摆脱被 Chrome 超越的...
  • Tizian
  • Tizian
  • 2012年07月12日 11:14
  • 486

解决浏览器background-image属性不支持css3动画

最近在使用background-image属性来实现css3的逐帧动画时,碰到了个问题。在chrome浏览器上,background-image属性是支持css3动画的,但是到了firefox上,就完...
  • yhb241
  • yhb241
  • 2016年05月24日 12:20
  • 1719

五大主流浏览器对css3和html5的支持情况大比拼

转自:http://www.cnblogs.com/lhb25/archive/2011/05/26/1997341.html 让人眼花缭乱的 HTML5 和 JavaS...

CSS3与页面布局学习总结(八)——浏览器兼容与前端性能优化

一、浏览器兼容 1.1、概要 世界上没有任何一个浏览器是一样的,同样的代码在不一样的浏览器上运行就存在兼容性问题。不同浏览器其内核亦不尽相同,相同内核的版本不同,相同版本的内核浏览器品牌不一样,各...

IE浏览器兼容CSS3新属性border-radius

使用PIE对IE进行CSS3兼容介绍及渲染 重要功能实现:   可以使 IE6、7、8 、9 实现类似 chrome 和 firefox  1.  更自然逼真的阴影效果,不再是以前那种丑陋的滤镜效...

css3中-moz、-ms、-webkit,-o分别代表的意思,以及微信浏览器内核分析

这种方式在业界上统称:识别码、前缀 //-ms代表【ie】内核识别码 //-moz代表火狐【firefox】内核识别码 //-webkit代表谷歌【chrome】/苹果【safari...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:css3--浏览器给网站标识身份
举报原因:
原因补充:

(最多只允许输入30个字)