适用于网络应用的iPhone 4 Retina“apple-touch-startup-image”（风景）

Question

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

我有以下工作

<!-- 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否则它将无法工作
我知道这没有景观选项吗？ 还是有吗？

所以...在我的问题上，当从横向主屏幕加载网络应用程序时，您可以看到启动屏幕后面的页面内容（下面的横向图像中较浅的绿色区域），状态栏位于纵向

有没有人有这个问题，如果是这样你怎么解决它。

谢谢

Answer 1

您无法在iPhone上拥有横向启动图像。 风景图片仅适用于iPad。 此外，您必须在iPhone上使用适当的尺寸，否则根本不会显示。

这将为您的Web应用程序添加启动画面。 以下是iPad和iPhone / iPod Touch所需的尺寸，其中包括状态栏区域。

iPad Landscape - 1024 x 748

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

iPad Portrait - 768 x 1004

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

iPhone / iPod Touch Portrait - 320 x 480（标准分辨率）

<link rel="apple-touch-startup-image" href="img/splash-screen-320x460.png" />

iPhone / iPod Touch Portrait - 640 x 960像素（Retina Display高分辨率）

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

如果为iPad兼容性创建Web App，建议使用横向和纵向尺寸。

Answer 2

让这些工作是一个彻头彻尾的噩梦。

在git hub（https://gist.github.com/472519）上，它说视网膜应该是<link rel="apple-touch-startup-image" media="screen and(max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2)" href="apple_launch_640x920.png" /> - 每个人都说它应该是确切的大小，否则它将不起作用，但每个人都说不同的大小。

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

我真的非常希望苹果公司能够在某个地方发布代码及其明确的答案（包括iPad Retina），这样我们就可以把它当作应该做的10分钟工作，而不是浪费时间，小时和小时搞乱。 .. :(

我至少在iPad 2上发现了以下作品 - iPad2横向版本实际上是旋转内容的肖像，所以制作横向版本（748x1024）然后旋转90 CLOCKWISE你会很高兴。

<!-- 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或视网膜ipad，这一切都是如此的好看，无论它有什么作用是任何人猜测...

Answer 3

iPhone没有横向启动屏幕规格。 这是因为当设备处于侧面时iPhone不会旋转其主屏幕 - 用户将始终从纵向方向启动。

如果你坚持要求你这样做，你可以让你的常规发布屏幕侧身，向用户建议他们需要转动手机。