iPad apple-touch-startup-image实现portrait和landscape
为ipad制作web应用程序的启动画面时发现个问题，只能显示竖屏图，横屏图出不来，网上的朋友都说无法解决，做了无数次尝试，终于成功，如下：
首先页面头部里要加入
<link rel=”apple-touch-startup-image” media=”screen and (orientation: portrait)” href=”/apple_startup.png”>
<link rel=”apple-touch-startup-image” media=”screen and (orientation: landscape)” href=”/apple_startup1.png”>
重点在下面：两张图片必须符合宽高标准才能正常显示：
startup_portrait.png 768×1004
startup_landscape.png 748×1024
1、要注意横屏用图必须竖过来，也就是宽748高1024才能显示，怕说不清楚做了个示意图2、今天又发现，在safari里选“添加到主屏幕”时要保证设备是竖放，才能在完成后成功显示启动画面。以上在iPad 1代 4.3.1系统上实验成功。
<link href= "apple-touch-icon-57x57.png" sizes= "57x57" rel= "apple-touch-icon" > |
<link href= "apple-touch-icon-72x72.png" sizes= "72x72" rel= "apple-touch-icon" > |
<!-- iPhone (Retina) ICON--> |
<link href= "apple-touch-icon-114x114.png" sizes= "114x114" rel= "apple-touch-icon" > |
<!-- iPad (Retina) ICON--> |
<link href= "apple-touch-icon-144x144.png" sizes= "144x144" rel= "apple-touch-icon" > |
<!-- iPhone SPLASHSCREEN--> |
<link href= "apple-touch-startup-image-320x460.png" media= "(device-width: 320px)" rel= "apple-touch-startup-image" > |
<!-- iPhone (Retina) SPLASHSCREEN--> |
<link href= "apple-touch-startup-image-640x920.png" media= "(device-width: 320px) and (-webkit-device-pixel-ratio: 2)" rel= "apple-touch-startup-image" > |
<!-- iPad (portrait) SPLASHSCREEN--> |
<link href= "apple-touch-startup-image-768x1004.png" media= "(device-width: 768px) and (orientation: portrait)" rel= "apple-touch-startup-image" > |
<!-- iPad (landscape) SPLASHSCREEN--> |
<link href= "apple-touch-startup-image-748x1024.png" media= "(device-width: 768px) and (orientation: landscape)" rel= "apple-touch-startup-image" > |
<!-- iPad (Retina, portrait) SPLASHSCREEN--> |
<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" > |
<!-- iPad (Retina, landscape) SPLASHSCREEN--> |
<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" > |
