关于ios系统中，webapp启动图片在不同设备上的适应性设置

分类：Javascript| 发布：佚名| 查看：353 | 发表时间：2014/5/16

iPad和iPhone的startup-image和touch-icons，(landscape || portrait) and (retina || not):

view source
print?
01<!-- iPhone ICON -->
02 <link href="apple-touch-icon-57x57.png" sizes="57x57" rel="apple-touch-icon">
03 <!-- iPad ICON-->
04 <link href="apple-touch-icon-72x72.png" sizes="72x72" rel="apple-touch-icon">
05 <!-- iPhone (Retina) ICON-->
06 <link href="apple-touch-icon-114x114.png" sizes="114x114" rel="apple-touch-icon">
07 <!-- iPad (Retina) ICON-->
08 <link href="apple-touch-icon-144x144.png" sizes="144x144" rel="apple-touch-icon">
09 
10 <!-- iPhone SPLASHSCREEN-->
11 <link href="apple-touch-startup-image-320x460.png" media="(device-width: 320px)" rel="apple-touch-startup-image">
12 <!-- iPhone (Retina) SPLASHSCREEN-->
13 <link href="apple-touch-startup-image-640x920.png" media="(device-width: 320px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
14 <!-- iPad (portrait) SPLASHSCREEN-->
15 <link href="apple-touch-startup-image-768x1004.png" media="(device-width: 768px) and (orientation: portrait)" rel="apple-touch-startup-image">
16 <!-- iPad (landscape) SPLASHSCREEN-->
17 <link href="apple-touch-startup-image-748x1024.png" media="(device-width: 768px) and (orientation: landscape)" rel="apple-touch-startup-image">
18 <!-- iPad (Retina, portrait) SPLASHSCREEN-->
19 <link href="apple-touch-startup-image-1536x2008.png" media="(device-width: 1536px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
20 <!-- iPad (Retina, landscape) SPLASHSCREEN-->
21 <link href="apple-touch-startup-image-2048x1496.png" media="(device-width: 1536px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
365据说看到好文章不转的人，服务器容易宕机！
标签：
原创文章如转载，请注明：转载自郑州网建-前端开发　http://camnpr.com/
本文链接：http://camnpr.com/javascript/1100.html

相关文章

关注本站

[+] 关注微博 留言板 WAP访问本站 订阅本站

一条新消息

平安夜多少女孩又被苹果的名义，骗过去吃香蕉了，还喝了豆浆。苹果的英语咋说来，挨炮。 [?]
    冬天来了，该换包包了，猛烈点击！！！
     平还是不平？
    流浪猫咪的女包店

小编推荐

    东东找到花花了
  • 最新评论
  • 最近访客

    热门文章

    想你所想 爱你所爱

    豫ICP备10013645号 Copyright 2009-2022 camnpr.com  
    关于我们 - 广告合作 - 免责声明 - 投诉建议