适用于网络应用的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 App添加启动画面。以下是iPad和iPhone / iPod Touch所需的尺寸，包括状态栏区域。

iPad横向 - 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应用程序，建议使用横向和纵向尺寸。

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但我不确定）所以你没有任何方式知道你是否做得对，如果你没有得到它第一次正确。

我真的非常希望Apple能够在某个地方发布代码及其最终答案（包括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不会旋转其主屏幕 - 用户将始终从纵向方向启动。

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