三零网 www.q3060.com -- 技术、分享、进步
当前位置:首页 > 软件编程 > IOS开发 > IOS 为网站设定主屏幕图标

IOS 为网站设定主屏幕图标

投稿:mmko3211p  发布时间:2016-10-31  【手机版】  人气:

最新IOS 为网站设定主屏幕图标

以下是三零网为大家整理的最新IOS 为网站设定主屏幕图标的文章,希望大家能够喜欢!

下面为各位大家介绍一下iPhone 和 iPad 为网站设定主屏幕图标 ,感兴趣的小伙伴一起来看看吧。

设定主屏幕图标

iOS 的网页图标与传统的网页 favicon 相似, 处理方式也差不多, 下面会为你介绍几种处理方式.

放置在默认位置

创建一个 PNG 图片, 命名为 apple-touch-icon.png 或者 apple-touch-icon-precomposed.png, 放置在网站根目录即可.

指定图标路径

为页面指定一个图标路径, 在网页的 head 部分代码如下:

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

为不同设备指定图标

在网页中为不同的设备指定特殊图标, 因为 iPhone 和 iPad 的图标尺寸不一样, 需要 sizes 属性来进行区分, 如果没有定义 sizes 属性, 默认 sizes 是 57 x 57. 代码如下:

<link rel="apple-touch-icon" href="touch-icon-iphone.png" />
<link rel="apple-touch-icon" sizes="72x72" href="touch-icon-ipad.png" />
<link rel="apple-touch-icon" sizes="114x114" href="touch-icon-iphone4.png" />

如果没有图片尺寸可以匹配设备图标的尺寸, 存在比设备图标大的图片, 将使用比设备图标尺寸略大的图片; 如果没有比设备图标大的图片, 则使用最大的图片.

如果没有在网页中指定图标路径, 将会在根目录搜寻以 apple-touch-icon... 和 apple-touch-icon-precomposed... 作为前缀的 PNG 图片. 假设现在有一个设备的图标大小是 57 x 57, 系统将按以下顺序搜寻图标:

apple-touch-icon-57x57-precomposed.png
apple-touch-icon-57x57.png
apple-touch-icon-precomposed.png
apple-touch-icon.png

主屏幕图标尺寸

iPhone 和 iPod (iTouch) 使用的图标尺寸:

57 x 57 pixels
114 x 114 pixels (高分辨率, iPhone 4 或以上使用)

iPad 使用的图标尺寸:

72 x 72 pixels

以上就是关于iPhone 和 iPad 为网站设定主屏幕图标 的内容,仅供参考。

【三零网】Q3060.com 提供手机学院、CMS教程、网络编程、数 据 库、脚本相关、软件编程、互 联 网、电脑教程、网页特效等内容 ,有问题请联系我们。

●【往下看,下一页更精彩】●
1  2  3  下一页 
延伸阅读:
·iphone关于网站开发的技巧收集
·在ISO系统桌面图标右上角显示数字
·objective C 实现iPhone图标的水晶立体效果
  
温馨提示:以上内容整理于网络,仅供参考,如果对您有帮助,请收藏本网站!
三零网 | 网站地图| 最近更新 | 关于我们 | 联系方式 | |

Copyright © 2012-2020,Q3060.COM All Rights Reserved.