iPhone 和 iPad 在同一个 HTML/Javascript 应用程序上的启动画面答案

【问题标题】：Splash Screen for iPhone and iPad on the same HTML/Javascript AppiPhone 和 iPad 在同一个 HTML/Javascript 应用程序上的启动画面
【发布时间】：2011-06-23 13:26:41
【问题描述】：

我正在为 iPhone 和 iPad 创建一个 HTML 和 javascript 应用程序。
我想为这两种设备制作一个启动画面，因为它们必须具有不同的尺寸。

我知道有一个链接标签“apple-touch-startup-image”允许您指定初始屏幕图像的链接。

如果我想指定 2 个不同的链接，我该怎么办？我放了 2 个带有 rel="apple-touch-startup-image" 的链接标签和 2 个不同的 URL？

如果我尊重此处的命名约定，移动设备会采用正确的吗？ What are the sizes used for the iOS application splash screen?

谢谢！

【问题讨论】：

标签： iphone ipad splash-screen

【解决方案1】：

我认为这在网络应用程序上是不可能的。该问题中的命名约定不起作用，它适用于本机应用程序。

【讨论】：

【解决方案2】：

刚刚想通了如何做到这一点，它类似于 apple-touch-icon 设置。

这是我的例子：

<link rel="apple-touch-startup-image" href="iPhonePortrait.png" />
<link rel="apple-touch-startup-image" sizes="768x1004" href="iPadPortait.png" />

只需将“sizes”属性设置为特定的宽度和高度，移动版 Safari 就会正确匹配。您也可以从您发布的链接中看到各种宽度/高度值。希望它有效！

【讨论】：