Apple iPhone/iPodTouch Web Clip 图标大小

发布于 2024-10-17 19:02:11 字数 415 浏览 6 评论 0原文

在 Apple iPhone 和 iPod Touch 上,您可以指定一个图标文件的链接,如下所示:

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

...但是在 此页面,建议您指定两种不同尺寸的图标,一种适用于 iPhone << 4 和 iPhone 4 的另一个。

我找不到任何文档来说明如何指定两个单独的图标。有人可以帮忙吗?

On Apple iPhones and iPod Touches, you specify a link to an icon file like so:

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

...but on this page, it recommends that you specify two different sizes of icon, one for iPhone < 4 and another for iPhone 4.

There is no documentation I can find that shows how to specify the two separate icons. Can anyone help?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

我不在是我 2024-10-24 19:02:11

谷歌上有很多关于这方面的文档。

只需使用:

<!-- **normal** (iPhone/iPod **non retina** display) -->
<link rel="apple-touch-icon" href="apple-touch-icon.png"/>

<!-- **normal** (iPhone/iPod **retina** display) -->
<link rel="apple-touch-icon" href="apple-touch-icon-72.png" sizes="72x72"/>

<!-- and **iPad** version -->
<link rel="apple-touch-icon" href="apple-touch-icon-114.png" sizes="114x114"/>

作为附加信息,如果您使用 apple-touch-icon-precomposed 而不是 apple-touch-,您可以获得没有光泽效果的图标图标

您可以使用几个标签来获得 Safari Mobile 的所有功能,例如启动屏幕等

,请给出 这篇 Mobile Tuts 文章 阅读一下,您将了解拥有出色的网络应用程序所需的几乎所有内容

There are plenty of documentation about this on Google.

Just use:

<!-- **normal** (iPhone/iPod **non retina** display) -->
<link rel="apple-touch-icon" href="apple-touch-icon.png"/>

<!-- **normal** (iPhone/iPod **retina** display) -->
<link rel="apple-touch-icon" href="apple-touch-icon-72.png" sizes="72x72"/>

<!-- and **iPad** version -->
<link rel="apple-touch-icon" href="apple-touch-icon-114.png" sizes="114x114"/>

As an additional info, you can have the icon without the gloss effect if you use apple-touch-icon-precomposed instead of apple-touch-icon.

and there are several tags you can use in order to have all features of Safari Mobile like splash screen, etc

also, give this Mobile Tuts article a read and you will know almost everything you need to have a brilliant web app

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文