Question

对于网络应用，您可以使用apple-touch-startup-image

设置启动屏幕

iPad适用于什么？

Answer 1

我也有同样的问题......你需要使用1004 * 768的特定尺寸。我在这篇博客中解释过：http://www.amirnaor.com/?p=71

Answer 2

这将为您的Web App添加启动画面。以下是iPad和iPhone / iPod Touch以及iPhone 5所需的尺寸。这些包括状态栏区域。

<!-- iPhone -->
<link href="http://www.example.com/mobile/images/apple-touch-startup-image-320x460.png"
      media="(device-width: 320px) and (device-height: 480px)
         and (-webkit-device-pixel-ratio: 1)"
      rel="apple-touch-startup-image">

<!-- iPhone (Retina) -->
<link href="http://www.example.com/mobile/images/apple-touch-startup-image-640x920.png"
      media="(device-width: 320px) and (device-height: 480px)
         and (-webkit-device-pixel-ratio: 2)"
      rel="apple-touch-startup-image">

<!-- iPhone 5 -->
<link href="http://www.example.com/mobile/images/apple-touch-startup-image-640x1096.png"
      media="(device-width: 320px) and (device-height: 568px)
         and (-webkit-device-pixel-ratio: 2)"
      rel="apple-touch-startup-image">

<!-- iPad -->
<link href="http://www.example.com/mobile/images/apple-touch-startup-image-768x1004.png"
      media="(device-width: 768px) and (device-height: 1024px)
         and (orientation: portrait)
         and (-webkit-device-pixel-ratio: 1)"
      rel="apple-touch-startup-image">
<link href="http://www.example.com/mobile/images/apple-touch-startup-image-748x1024.png"
      media="(device-width: 768px) and (device-height: 1024px)
         and (orientation: landscape)
         and (-webkit-device-pixel-ratio: 1)"
      rel="apple-touch-startup-image">

<!-- iPad (Retina) -->
<link href="http://www.example.com/mobile/images/apple-touch-startup-image-1536x2008.png"
      media="(device-width: 768px) and (device-height: 1024px)
         and (orientation: portrait)
         and (-webkit-device-pixel-ratio: 2)"
      rel="apple-touch-startup-image">
<link href="http://www.example.com/mobile/images/apple-touch-startup-image-1496x2048.png"
      media="(device-width: 768px) and (device-height: 1024px)
         and (orientation: landscape)
         and (-webkit-device-pixel-ratio: 2)"
      rel="apple-touch-startup-image">

如果要创建适用于iPad的Web应用程序，建议使用横向和纵向尺寸。

Answer 3

人像图像需要为768x1004（注意：1004，不是1024，20px用于状态栏），PNG是首选文件格式。

景观图像需要为1024x748（注意：748，状态栏再次为20px）。然后该图像需要顺时针旋转90度，最终结果为748x1024。

标题中的链接标记需要如下：

<link rel="apple-touch-startup-image" href="images/splash_screen_768x1004.png" media="(device-width: 768px) and (orientation: portrait)" />
<link rel="apple-touch-startup-image" href="images/splash_screen_1024x748.png" media="(device-width: 768px) and (orientation: landscape)" />

对于新的Retina iPad（如果你不添加这些，它将使用上面的像素加倍）：

<link rel="apple-touch-startup-image"
  href="images/splash_screen_1536x2008.png" 
  media="(device-width: 1536px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)" />
<link rel="apple-touch-startup-image"
  href="images/splash_screen_2048x1496.png"
  media="(device-width: 1536px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)" />

在发布此帖子时，之前的答案（包括已接受的答案）对我的测试无效。

Answer 4

我认为Madhup指的是用Objective c编写并使用xcode编译的本机应用程序。 OP正试图让它适用于通过safari添加到主屏幕的webapp。到目前为止还没有工作:(

Answer 5

我只通过制作尺寸为748x1024的PNG图像来启动图像。这是在具有固件3.2.1的iPad上测试的。

Answer 6

我可以找到这个问题的最佳解释：https://gist.github.com/472519

请注意，一旦我为iPhone提供了启动图像，并且为iPad提供了横向/纵向图像，它只适用于我。

Answer 7

从我今天的测试来看，iPad似乎不支持apple-touch-startup-image。令人非常失望的是iPhone在OS 3.1中支持这一点，而iPad却没有。此外，在无边框浏览器中使用Web应用程序时，视口设置不正确。我确实相信iPad OS 3.2中的错误或遗漏。太糟糕了：（我确实在苹果论坛上提出了这个要求：https://devforums.apple.com/thread/47178

Answer 8

它和iphone一样。将名为Default.png的png放在资源文件夹中。

对于IPAD，是否有相同的苹果触摸启动图像？

8 个答案: