所以我有一个移动主题在我的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错误? 如果您需要更详细的信息,请继续问我,我很乐意帮助您。
提前致谢!
答案 0 :(得分:3)
这里有解决方案:
http://taylor.fausak.me/2013/11/01/ios-7-web-apps/
初始图像必须具有正确的分辨率:
如果没有任何启动图像是正确的分辨率,Safari会 只需显示白色屏幕。请注意,所有启动图像都是 实际上是纵向的。应旋转风景图像 顺时针90度。没有横向启动图像 iPhone因为它们始终以相同的方向开始。
决议是:
与全分辨率值的差异在于状态栏(非视网膜为20px,视网膜为40px)。
答案 1 :(得分:0)
我实际上设法使用我之前提到的WP插件的更新版本来解决它。如果失败了,我会尝试fcducarte的答案。