月光微博客

月光博客的微型博客和微型网志

« 饭否的解封和未来的发展声讨百度文库 »

网页小技巧:在网站设置苹果图标

  随着苹果iPhone、iPod、iPad的大量使用,越来越多的人喜欢使用该设备内置的Safari 浏览网站,当用户把网站添加到主屏幕,使得该网站类似于一个应用程序的时候,会需要一个网站的图标。默认是自动将网页截屏并缩放到相应尺寸生成的图标,这显然并不好,我们可以自己设定这个图标。

  具体方法是,在网站首页的header部分,增加如下语句

  <link rel="apple-touch-icon" href="http://www.williamlong.info/images/apple-touch-icon.png"/>

  或者

  <link rel="apple-touch-icon-precomposed" href="http://www.williamlong.info/images/apple-touch-icon.png" />

  其中logo.png为一个 72X72 像素 PNG 格式的图标,如果你将图标命名为 apple-touch-icon.png 并放在根目录下,不需要任何语句,iPad 也会直接调用该图标。

  作者:williamlong


  • 3.双子宅猫
  • 我在果壳网看到源代码中写了支持iPad、iPhone、iPod的三个代码,是否可以按照那个制作?代码有需要修改的吗?
  • 2011/11/23 23:38:03

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

<< 2017-8 >>

Sun

Mon

Tue

Wed

Thu

Fri

Sat

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

订阅博客

  • 订阅我的微博:订阅我的博客
  • 关注新浪微博:关注新浪微博
  • 关注腾讯微博:关注腾讯微博
  • 关注认证空间:关注QQ空间

站内搜索

热文排行

最新评论及回复

最近发表

本站采用创作共用版权协议, 要求署名、非商业用途和保持一致. 转载本站内容必须也遵循“署名-非商业用途-保持一致”的创作共用协议.

This site is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License.