iphone4retina“；苹果触摸启动图像&x201D；用于Web应用程序（横向）

希望以前没有人问过这个问题

我有以下工作

<!-- 640x920 for retina display -->
<link rel="apple-touch-startup-image" media="(max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2)" href="images/iphone4-portrait.jpg" />

我知道图像必须为640x920，否则无法工作
我知道这里没有景观选择？还是有

所以…关于我的问题，当从主屏幕在横向加载web应用程序时，你可以看到启动屏幕后面的页面内容（下面横向图像中的浅绿色区域），其中状态栏是纵向的

有没有人有过这个问题，如果有，你是如何解决的

谢谢

---

iPhone上不能有横向启动映像。风景图片只能在iPad上使用。此外，您必须在iPhone上使用合适的尺寸，否则它将无法显示

这将为您的Web应用程序添加一个启动屏幕。以下是iPad和iPhone/iPodtouch所需的尺寸，包括状态栏区域

iPad环境–1024 x 748

<link rel="apple-touch-startup-image" sizes="1024x748" href="img/splash-screen-1024x748.png" />

iPad肖像–768 x 1004

<link rel="apple-touch-startup-image" sizes="768x1004" href="img/splash-screen-768x1004.png" />

iPhone/iPod Touch人像–320 x 480（标准分辨率）

iPhone/iPod Touch人像–640 x 960像素（视网膜显示高分辨率）

---

如果创建与iPad兼容的Web应用程序，建议同时使用横向和纵向尺寸。

iPhone没有横向启动屏幕规格。这是因为当iPhone横向运行时，它不会旋转主屏幕——用户总是从纵向启动

---

如果你坚持你需要这个，你可以把你的常规启动屏幕放在一边，向用户建议他们需要把手机转过来

让这些设备运转起来简直是一场噩梦

关于git中心(https://gist.github.com/472519)它说视网膜应该是

-每个人都说它应该是准确的尺寸，否则它不起作用，但每个人都说不同的尺寸

最重要的是，应用程序似乎在缓存（可能现在不在iOS5.1中，但我不确定），所以你无法知道你是否做对了，如果你第一次没有做对

我真的很希望苹果能在其开发信息中的某个地方发布代码，并给出明确的答案（包括iPad视网膜），这样我们就可以将此视为10分钟的工作，而不是浪费数小时、数小时的闲逛……：(

我在iPad2上至少发现了以下作品——iPad2横向版本实际上是纵向的，内容是旋转的，所以制作横向版本（748x1024），然后顺时针旋转90，你就可以开始了

<!-- startup image for web apps - iPad - landscape (748x1024) 
 Note: iPad landscape startup image has to be exactly 748x1024 pixels (portrait, with contents rotated).-->
<link rel="apple-touch-startup-image" href="/apple_launch_748x1024.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)" />

<!-- startup image for web apps - iPad - portrait (768x1004) -->
<link rel="apple-touch-startup-image" href="/apple_launch_768x1004.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)" />

---

剩下的怎么办？虽然我不知道，我没有旧的iphone或retina ipad，这一切都是如此脆弱，不管它是否能工作，任何人都猜测…

你的横向启动图像与纵向图像尺寸相同吗？这就可以解释了。是的，图像大小相同，但iphone没有横向选项，我也不知道i don’我不能改变尺寸，如果我这样做就不行了

<link rel="apple-touch-startup-image" sizes="640x960" href="img/splash-screen-640x960.png" />

<!-- startup image for web apps - iPad - landscape (748x1024) 
 Note: iPad landscape startup image has to be exactly 748x1024 pixels (portrait, with contents rotated).-->
<link rel="apple-touch-startup-image" href="/apple_launch_748x1024.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)" />

<!-- startup image for web apps - iPad - portrait (768x1004) -->
<link rel="apple-touch-startup-image" href="/apple_launch_768x1004.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)" />