iOS7 Web App启动画面/启动图像无法正确渲染

时间:2014-07-15 20:40:55

标签: ios hyperlink meta-tags iphone-web-app

在主屏幕上首次启动webapp时,启动/ spashscreen图像在正确加载时呈现透明背景;但是,在初始加载后大约0.5-1秒后状态栏变为白色(状态栏文本颜色也保持白色)并将启动图像按下状态栏的高度。加载webapp后,它也会回到透明状态。

我没有足够的代表发布图片所以我必须发布链接。

inital start up before it push down

After load with white bar at the top

因此,它会在启动屏幕的顶部形成一个白条。

是否有人知道如何解决状态栏转为白色的问题或在启动时完全隐藏它的方法?

我在sprint iPhone 4s上使用iOS7.1,如果这有所不同。这也是我正在制作的元/链接调用。

<!--apple make full screen / hide url bar in browser / no zoom / full size-->
<meta name="viewport" content="width=device-width; initial-scale=1,maximum-scale=1.0, user-scalable=no; minimal-ui">
<!--apple lauch from homescreen-->
<meta name="apple-mobile-web-app-capable" content="yes">
<!--other lauch from homescreen-->
<meta name="mobile-web-app-capable" content="yes">
<!--apple lauch from homescreen makes status bar transparent w/white text-->
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<!--apple lauch from title to make different from site title-->
<meta name="apple-mobile-web-app-title" content="Timekeeping">
<link rel="apple-touch-icon" href="../marton/icons/marton_timekeeping_512.png">
<link rel="apple-touch-icon" sizes="76x76" href="../marton/icons/marton_timekeeping_76.png">
<link rel="apple-touch-icon" sizes="120x120" href="../marton/icons/marton_timekeeping_120.png">
<link rel="apple-touch-icon" sizes="152x152" href="../marton/icons/marton_timekeeping_152.png">
<!-- Startup images -->
<!-- iOS 6 & 7 iPad (retina, portrait) -->
<link href="../marton/startup/apple-touch-startup-image-1536x2008.png"media="(device-width: 768px) and (device-height: 1024px)and (orientation: portrait)and (-webkit-device-pixel-ratio: 2)"rel="apple-touch-startup-image">
<!-- iOS 6 & 7 iPad (retina, landscape) -->
<link href="../marton/startup/apple-touch-startup-image-1496x2048.png"media="(device-width: 768px) and (device-height: 1024px)and (orientation: landscape)and (-webkit-device-pixel-ratio: 2)"rel="apple-touch-startup-image">
<!-- iOS 6 iPad (portrait) -->
<link href="../marton/startup/apple-touch-startup-image-768x1004.png"media="(device-width: 768px) and (device-height: 1024px)and (orientation: portrait)and (-webkit-device-pixel-ratio: 1)"rel="apple-touch-startup-image">
<!-- iOS 6 iPad (landscape) -->
<link href="../marton/startup/apple-touch-startup-image-748x1024.png"media="(device-width: 768px) and (device-height: 1024px)and (orientation: landscape)and (-webkit-device-pixel-ratio: 1)"rel="apple-touch-startup-image">
<!-- iOS 6 & 7 iPhone 5 -->
<link href="../marton/startup/apple-touch-startup-image-640x1096.png"media="(device-width: 320px) and (device-height: 568px)and (-webkit-device-pixel-ratio: 2)"rel="apple-touch-startup-image">
<!-- iOS 6 & 7 iPhone (retina) -->
<link href="../marton/startup/apple-touch-startup-image-640x920.png"media="(device-width: 320px) and (device-height: 480px)and (-webkit-device-pixel-ratio: 2)"rel="apple-touch-startup-image">
<!-- iOS 6 iPhone -->
<link href="../marton/startup/apple-touch-startup-image-320x460.png"media="(device-width: 320px) and (device-height: 480px)and (-webkit-device-pixel-ratio: 1)"rel="apple-touch-startup-image">
<!-- other iPhone -->
<link href="../marton/startup/apple-touch-startup-image-320x460.png"rel="apple-touch-startup-image">

0 个答案:

没有答案