首页 > web前端 > html教程 > 网页中的苹果触摸图标

网页中的苹果触摸图标

王林
发布: 2023-08-19 10:53:06
转载
1294 人浏览过

网页中的苹果触摸图标

对于iPhone或iPad上的网页图标,请使用Apple Touch Icon或apple-touch-icon.png文件。当有人将您的网页添加为书签时,将使用此图标。

对于具有不同设备分辨率的多个图标,如iPhone或iPad,请按照以下方式为每个链接元素添加sizes属性 −

<link rel = "apple-touch-icon" href = "touch-icon-iphone.png">
登录后复制

Set size

<link rel = "apple-touch-icon" sizes = "160x160" href = "touch-icon-ipad.png">
<link rel = "apple-touch-icon" sizes = "170x170" href = "touch-icon-iphone-retina.png">
<link rel = "apple-touch-icon" sizes = "180x180" href = "touch-icon-ipad-retina.png">
登录后复制

使用适合设备的尺寸的图标。

以上是网页中的苹果触摸图标的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:tutorialspoint.com
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板