Apple移动状态栏在两个iOS 8 iPad上表现不同

Question

我有两台我正在开发的iPad。一个是iPad air，另一个是iPad Retina第四代。当我在两者上升级到iOS 8.1时，我的网络应用程序显示了底部的状态栏。所以我从iOS 8: web app status bar position and resizing problems添加了以下代码：

<meta name="apple-mobile-web-app-status-bar-style" content="black"/>

这解决了我在iPad Air上的问题。但视网膜设备显示黑色状态栏。所以，我试过这个：

<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>

这解决了视网膜设备上的问题，但现在我的iPad空气在屏幕底部显示一个狭窄的黑条（见图像）。

为什么iOS 8上的这些设备之间存在差异？我如何找到两者的解决方案？我是否检测到设备型号并使用if else添加相应的行？有更优雅的方式吗？

用户现在正在使用iPad 4，但可以随时升级，导致Airs和4s混合使用。所以我需要一个适用于两者的解决方案。此外，这是一个基于JavaScript和AngularJS + HTML5构建的Web应用程序。

Answer 1

将状态栏设置为＆＃34;黑色 - 半透明＆＃34;

后，您需要删除并重新添加您的网络应用到主屏幕