Question

我有2个网页应用程序使用相同的元标记（用于测试目的）链接到同一个文件以用作启动画面。

一个应用程序绝对没问题 - 不用担心，随时随地都能正常运行。

其他应用程序不想知道它 - 为什么闪屏看起来如此气馁？

BTW - 应用程序图标工作正常，所以我知道目录设置正确 - 另请注意我使用相同的图像，因此规格也是正确的。

Answer 1

我遇到了这个问题很多，而且几乎总是由于调用多个启动画面或不是320x460像素（确切地说）的启动画面引起的。这应该可以解决问题：

<link rel="apple-touch-startup-image" href="/splash-iphone.jpg" />

但在调用启动画面之前，您还应该包含以下三行代码：

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />

让多个网络应用程序引用相同的splashscreen文件应该不是问题，但不是相反。

Answer 2

关于上一张海报所做的320x460 px评论，您实际上可以为支持视网膜的设备指定不同的启动图像。这个解决方案对我有用：

<link rel="apple-touch-startup-image" href="img/splash/splash.png" media="screen and (max-device-width: 320px)">
<link rel="apple-touch-startup-image" media="(max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2)" href="img/splash/splash@2x.png">

Splash.png应该是320x460像素，splash @ 2x.png应该是640x920像素的两倍。

iPhone网络应用程序 - 启动画面不起作用

2 个答案: