如何消除添加到主屏幕的icon没有黑边
Posted vieber
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何消除添加到主屏幕的icon没有黑边相关的知识，希望对你有一定的参考价值。
head里面增加下面这个就可以网页用safari浏览器打开的时候就可以添加到主屏幕了。
<link rel="apple-touch-icon" href="/web/static/webapp.png">
但是如果用png的话就会有黑边，和下面这样
苹果在制作圆角icon样式，用了png就会这样，
经查我改成jpeg之后，没有透明度了，就好了。
<link rel="apple-touch-icon" href="/web/static/webapp.jpeg">
改正jpeg之后，添加到主屏幕就没有黑边了。也不会有白边，效果正好。
如何更像app
在head上增加这个标签，这样就不会显示地址拦了，会让H5应用更像app
<meta name="apple-mobile-web-app-capable" content="yes" />
以上是关于如何消除添加到主屏幕的icon没有黑边的主要内容，如果未能解决你的问题，请参考以下文章