3

所以我在我的 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错误？如果您需要更多详细信息，请继续询问我，我很乐意帮助您帮助我。

提前致谢！

4

2 回答 2

3

在这里你有解决方案：

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

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

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

决议如下：

  • iPad视网膜肖像：1536x2008px
  • iPad视网膜风景：1496x2048px
  • iPad纵向：768x1004px
  • iPad横向：748x1024px
  • iPhone 4"：640x1096 像素
  • iPhone 3.5" 视网膜：640x920px
  • iPhone 3.5"：320x460 像素

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

于 2013-12-06T19:32:06.153 回答
0

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

于 2014-04-19T20:02:17.837 回答