iOS7 和 web-app 闪屏问题答案

【问题标题】：iOS7 and the web-app splash screen troubleiOS7 和 web-app 闪屏问题
【发布时间】：2013-10-07 14:22:52
【问题描述】：

所以我的 wordpress 网站上有一个移动主题，我想在用户从主屏幕启动应用程序/网站时使用启动画面。但是，由于某种原因，我无法让它工作，我认为这可能主要是因为我正在运行 iOS7

<link rel="shortcut icon" href="/favicon.png" />

<meta name="apple-mobile-web-app-title" content="The Ixellian">
<meta name="apple-mobile-web-app-capable" content="yes">
<link rel="apple-touch-startup-image" href="http://ixellian.be/splash/iPhone3G-01.png" media="screen and (max-device-width : 320px)">
<link rel="apple-touch-startup-image" href="http://ixellian.be//splash/iPhone4-01.png" media="(max-device-width : 480px) and (-webkit-min-device-pixel-ratio : 2)">
<link rel="apple-touch-startup-image" href="http://ixellian.be//splash/iPhone5-01.png" media="(max-device-width : 548px) and (-webkit-min-device-pixel-ratio : 2)">

此代码与我的 favicon header.php 位于同一个位置。而且我真的不知道是什么让它不起作用。

我尝试使用一个插件来查看其他人的代码是否使它工作，所以我尝试了“添加到主屏幕 WP”插件，它唯一能工作的是全屏模式。

有人知道闪屏是否是 iOS7 的错误吗？如果您需要更详细的信息，请继续询问我，我很乐意帮助您。

提前致谢！

【问题讨论】：

您解决了这个问题吗？我遇到了同样的问题
你们俩有同样的问题。
同样的问题 - Web 应用程序功能正常，除了启动屏幕不会出现。

标签： ios wordpress ios7 mobile-safari

【解决方案1】：

这里有解决方案：

http://taylor.fausak.me/2013/11/01/ios-7-web-apps/

初始图像必须具有正确的分辨率：

如果所有启动图像的分辨率都不是正确的，Safari 将只需显示一个白屏。请注意，所有启动图像都是实际上是纵向的。横向图像应旋转顺时针90度。没有横向启动图像 iPhone，因为它们总是以相同的方向启动。

决议是：

iPad 视网膜肖像：1536x2008 像素
iPad 视网膜横向：1496x2048px
iPad 肖像：768x1004 像素
iPad 横向：748x1024 像素
iPhone 4"：640x1096 像素
iPhone 3.5" 视网膜：640x920px
iPhone 3.5"：320x460px

与全分辨率值的区别在于状态栏（非视网膜为 20 像素，视网膜为 40 像素）。

【讨论】：

【解决方案2】：

我实际上设法通过我之前提到的 WP 插件的更新版本解决了这个问题。如果失败，我会尝试 fcducarte 的答案。

【讨论】：

您能发布解决您问题的标记吗？另外，这个闪屏会出现在 iOS Safari 中吗？