331  
自定义网站在iphone手机上"添加至主屏幕"的图标
来源:https://blog.csdn.net/zfangls/article/details/79278553
作者: 系统管理员 于 2019年12月15日 发布在分类 / 二次开发 / 学习其他 下,并于 2019年12月15日 编辑

1.制作4中不同尺寸的图片:
<!--适用于 Retina 屏的 iPad-->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="./static/apple-touch-icon-precomposed-144x144.png">
<!--适用于 Retina 屏的 iPhone-->
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="./static/apple-touch-icon-precomposed-120x120.png">
<!--适用于非 Retina 屏的 iPad-->
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="./static/apple-touch-icon-precomposed-72x72.png">
<!--适用于非 Retina 屏的 iPhone-->
<link rel="apple-touch-icon-precomposed" href="./static/apple-touch-icon-precomposed-57x57.png">

2.vue项目中,需将4张图片放到static文件中
3.在index.html的<head></head>之间添加以上代码
4.部署上线
5.完成上述步骤后,在safari中打开网址
————————————————
版权声明:本文为CSDN博主「小太阳sunshine」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/zfangls/article/details/79278553



 推荐知识

 历史版本

修改日期 修改人 备注
2019-12-15 21:03:15[当前版本] 系统管理员 创建版本

wcp知识库系统-京ICP备15024440号-1 -V 4.5.8 - 旗舰版 -WCP官网