iOS7和web应用程序启动屏幕故障

iOS7和web应用程序启动屏幕故障,ios,wordpress,ios7,mobile-safari,Ios,Wordpress,Ios7,Mobile Safari,因此,我的wordpress网站上有一个移动主题,我想在用户从主屏幕启动应用程序/网站时使用一个启动屏幕。 然而,由于某些原因,我无法让它工作,我认为这可能主要是因为我正在运行iOS7 <link rel="shortcut icon" href="/favicon.png" /> <meta name="apple-mobile-web-app-title" content="The Ixellian"> <meta name="apple-mobile-web

因此,我的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”插件,它唯一能工作的就是全屏模式

有人知道splashscreen是不是一个iOS7 bug吗? 如果您需要更详细的信息,请尽管问我,我很乐意帮助您帮助我


提前谢谢

这里有一个解决方案:

飞溅图像必须具有正确的分辨率:

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

决议如下:

  • iPad视网膜肖像:1536x2008px
  • iPad视网膜景观:1496x2048px
  • iPad肖像:768x1004px
  • iPad横向:748x1024px
  • iPhone 4”:640x1096px
  • iPhone 3.5英寸视网膜:640x920px
  • iPhone 3.5“:320x460px

与全分辨率值的差异是由于状态栏造成的(非视网膜为20px,视网膜为40px).

事实上,我用我之前提到的WP插件的更新版本解决了这个问题。如果失败,我会尝试fcducarte的答案。

你解决了这个问题吗?我遇到了同样的问题,我和你们都有同样的问题。同样的问题-web应用程序功能很好,除了不会出现初始屏幕。Cou您是否可以发布解决问题的标记?此外,iOS Safari中是否会显示此启动屏幕?