iOS7 和 web-app 闪屏问题

Question

所以我的 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)">

此代码与我的网站图标 header.php 位于同一位置。我真的不知道是什么让它不起作用。

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

有人知道启动画面是不是 iOS7 的错误吗？如果您需要更详细的信息，请尽管问我，我很乐意帮助您。

提前致谢!

Answer 1

这里有解决方案:

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

启动图像必须具有正确的分辨率:

If none of the startup images are the right resolution, Safari will simply display a white screen. Note that all startup images are actually in portrait orientation. Landscape images should be rotated 90 degrees clockwise. There are no landscape startup images for iPhones since they always start in the same orientation.

决议是:

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

全分辨率值的不同在于状态栏(非视网膜 20 像素，视网膜 40 像素)。