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

时间:2013-10-07 14:22:53

标签: 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-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错误? 如果您需要更详细的信息,请继续问我,我很乐意帮助您。

提前致谢!

2 个答案:

答案 0 :(得分: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“:640x1096px
  • iPhone 3.5“视网膜:640x920px
  • iPhone 3.5“:320x460px

与全分辨率值的差异在于状态栏(非视网膜为20px,视网膜为40px)。

答案 1 :(得分:0)

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