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

最新推荐文章于 2023-05-06 11:51:52 发布
最新推荐文章于 2023-05-06 11:51:52 发布
阅读量4.8k 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tfy1332/article/details/22881045
版权

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

可以在iPhone/iPod Touch上将网页"添加至主屏幕"时，去掉icon上那恶心的透明层．


<link rel="shortcut icon"  href="favicon.ico" />
ie显示不了小图片,但Firefox能显示出来
请教各位,怎么能让IE最好是IE7也能显示出来?谢谢了


<link href="路径" rel="shortcut icon" />
    <link href="路径" rel="bookmark" />
两行都加上试试

tfy1332
关注
Android中处理Touch Icon的方案
我生苍茫
01-27 1616
苹果的Touch Icon相对我们都比较熟悉，是苹果为了支持网络应用（或者说网页）添加到桌面需要的图标，有了这些Touch Icon的网页链接更加和Native应用更相像了。由于苹果设备IPod，IPhone,IPad等设备广泛，很多网页都提供了touch icon这种图标资源。由于Android中并没有及早的有一份这样的标准，当我们想把网页添加到桌面时，仍然需要使用苹果的Touch Icon。
HTML5标签<link rel="apple-touch-icon" 标签是干什么用的?
01-09
HTML5标签<link rel="apple-touch-icon" 标签是干什么用的?
<link rel="apple-touch-icon-precomposed"/> 的说明
Jamkier's zone
04-16 1275
转自：http://hi.baidu.com/yuuuk/item/b93c933096d4ef4c80f1a71d
关于Apple设备私有的apple-touch-icon属性详解
热门推荐
freshlover的专栏
07-12 5万+
以前我们用过favicon在浏览器给网站进行身份标识，用法如下： 现今移动设备越来越多，苹果为iOS设备配备了apple-touch-icon私有属性，添加该属性，在iPhone,iPad,iTouch的safari浏览器上可以使用添加到主屏按钮将网站添加到主屏幕上，方便用户以后访问。实现方法是在HTML文档的标签加入下面代码即可。 apple-touch-icon 标签支
html中iOS的图标问题apple-touch-icon等
weixin_35755389的博客
10-28 5000
iOS 图标 rel 参数： apple-touch-icon 图片自动处理成圆角和高光等效果。 apple-touch-icon-precomposed 禁止系统自动添加效果，直接显示设计原图。  rel="apple-touch-icon" sizes="180x180" href="./path/to/icon.png"> 旧) / Android標準ブラウ
苹果IOS在Safari浏览器中将网页添加到主屏幕做伪Web App，自定义图标，启动动画，自定义名称，全屏应用pwa
03-23 1万+
通过点击桌面上的图标，直接打开全屏页面:(这图标是我用CSDN的图标，嘻嘻，官方应该不介意吧)具体实现步骤一共三步：1.网站添加样式，2.添加到桌面图标，3.打开桌面图标。
Android中处理apple-touch-icon详解
09-03
<link rel="apple-touch-icon" sizes="76x76" href="touch-icon-ipad.png"> <link rel="apple-touch-icon" sizes="120x120" href="touch-icon-iphone-retina.png"> <link rel="apple-touch-icon" sizes="152x152" ...
Android处理apple-touch-icon指南
<link rel="apple-touch-icon-precomposed" href="/custom_icon.png"> ``` 然而，在Android系统中，对于`apple-touch-icon`的支持并不完善。Android的WebView提供了对Touch Icon的回调处理，允许开发者通过监听`...
IOS HTML5添加图标到主屏幕
最新发布
05-06 1544
代码，一些包括圆角，阴影，反光的特效便会自动添加到生成的本地app 的logo 中。是自iOS 2.0 开始的，但如今随着iOS7 的出现，已经变得可有可无了;目前在ios9上还无法显示，具体原因还没找到。如果你知道解决方法，劳烦告诉一下我，多谢！,支持android、ios。详细用法自己去查看，以下只是在ios上简单的使用。都可以设置图标，那么，多出来的。这里用到了第三方插件。
apple-touch-icon-precomposed
weixin_30693683的博客
03-01 852
<link rel="apple-touch-icon-precomposed" href=""> apple-touch-icon-precomposed是苹果为iOS设备配备了apple-touch-icon私有属性，支持size属性，可以用来适应不同的设备。 当属性值为apple-touch-icon-precomposed时，系统将不会对图标添...
苹果图标apple-touch-icon-precomposed和apple-touch-icon两种设置的区别探究
kaosini的专栏
05-21 1893
转载链接：http://www.iptu.net/index.php/archives/3109.iptu 苹果safari浏览器当中apple-touch-icon-precomposed 和 apple-touch-icon属性是有区别的，之前在网上查了下相关的资料和苹果的开发文档手册，对这两中属性区别说的不够详细，导致现在大家开发的时候有些混淆。 苹果safari浏览
苹果ios 浏览器Safari ：apple-touch-icon.png apple-touch-icon-precomposed.png
____
04-16 1万+
打开自己的网站访问日志，发现出现很多404的地址，地址分别都是这2个： 1）http://www.zbphp.com/apple-touch-icon.png 2）http://www.zbphp.com/apple-touch-icon-precomposed.png 搜索了一下关键字：apple-touch-icon.png，apple-touch-icon-precomp
前端规范
qq_25764081的博客
09-20 163
1.HTML规范 <!DOCTYPE html> <html lang="en"> <head>
 <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="v...
常见的移动端H5页面开发遇到的坑和解决办法
xuehu837769474的博客
03-09 6415
1、安卓浏览器看背景图片，有些设备会模糊。 用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？ 经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone 4的960640分辨率，在网页里只显示了480320，这样devicePixelRatio＝2。现在android比较乱，有1.5的，有2的也...
自定义网站在Safari中添加至主屏幕的图标
sinat_16493273的博客
02-02 8139
默认添加网站到主屏幕，显示的图标为网站的截图 使用下面的标签可以自定义图标 该标签还支持size属性，可以指定不同尺寸 另外apple-touch-icon也可以达到效果。区别看单词意思，一个有IOS默认图标高亮一个无。 参考： https://developer.apple.com/library/ios/documentation/AppleApplic
uniapp iOS自定义添加至主屏幕的书签名称和图标
weixin_50606255的博客
03-17 2635
百度到的方法如下： <!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- iPad and iPad mini (with @2× display) iOS ≥ 8 --> <lin
前端js实现分页
Kurumi
04-03 481
<!doctype html> <html class="no-js"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>考试成绩</title> <meta ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值