Iphone IPAD是否有与apple touch同等的启动形象？

对于web应用，您可以使用apple touch启动图像设置启动屏幕

---

iPad呢？

和iphone一样。在资源文件夹中放置一个名为

Default.png

的png

从我今天的测试来看，iPad似乎不支持apple touch的创业形象。令人失望的是，iPhone在OS 3.1中确实支持这一点，而iPad却不支持。此外，在无铬浏览器中使用webapp时，视口设置不正确。 我相信这两个都是iPadOS3.2中的错误或遗漏。太糟糕了：(

---

我在苹果论坛上问过这个问题：

我认为Madhup指的是用objective c编写并用xcode编译的本地应用程序。 OP试图使其适用于通过safari添加到主屏幕的Web应用程序。

---

到目前为止还没有成功：（

我也有同样的问题……你需要使用1004*768的特定尺寸。我在这个博客中解释了这一点：

我只是通过制作一个748x1024的PNG图像来获得启动图像。这是在固件为3.2.1的iPad上测试的。我能找到的关于这个问题的最佳解释是：

---

请注意，只有在我为iPhone和iPad提供了启动图像和横向/纵向图像后，它才对我有效。

这将为您的Web应用程序添加一个启动屏幕。以下是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应用程序，建议同时使用横向和纵向大小。

纵向图像需要为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（如果您不添加这些，它将使用上面的像素倍增）：

---

---

以前的答案（包括已接受的答案）发帖时，我的测试不起作用。

iPad应该支持所有界面方向。因此，Default.png不起作用。这不是OP要问的。OP要问的是Mobile Safari对

标签的特殊处理：

size

属性不清楚，你需要使用

媒体
替代如果你要否决我，请解释为什么我可以修正它。设备宽度不是必须参考实际的css分辨率吗？意思是1024x768
<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)" />