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)">

这段代码与我的favicon，header.php在同一个地方。而且我真的不知道是什么让人无法工作。

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

任何人都知道启动画面是否是iOS7错误？如果您需要更详细的信息，请继续问我，我很乐意帮助您。

提前致谢！

Answer 1

这里有解决方案：

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

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

如果没有任何启动图像是正确的分辨率，Safari会只需显示白色屏幕。请注意，所有启动图像都是实际上是纵向的。应旋转风景图像顺时针90度。没有横向启动图像 iPhone因为它们始终以相同的方向开始。

决议是：

iPad视网膜肖像：1536x2008px
iPad视网膜风景：1496x2048px
iPad肖像：768x1004px
iPad版：748x1024px
iPhone 4“：640x1096px
iPhone 3.5“视网膜：640x920px
iPhone 3.5“：320x460px

与全分辨率值的差异在于状态栏（非视网膜为20px，视网膜为40px）。

Answer 2

我实际上设法使用我之前提到的WP插件的更新版本来解决它。如果失败了，我会尝试fcducarte的答案。

iOS7和web-app启动画面有问题

2 个答案: