iOS 8:全屏幕底部的空白间隙Safari主屏幕页面
问题描述:
请原谅任何违反协议的行为,并在需要的情况下纠正我:长期阅读器,第一次在这里发布海报。我在网上找不到任何解决方案,或者是最新的,我想知道是否有其他人遇到过这种问题。iOS 8:全屏幕底部的空白间隙Safari主屏幕页面
我一直在使用元标记在网页上启用全屏,并添加到主屏幕的快捷方式。我最近在iPad Air上升级到iOS 8.0.2,并注意到状态栏信息(iPad,Wifi,时钟,电池,锁)现在位于网站窗口的顶部边缘之上,而不是不可用的黑色状态酒吧。同样,页面底部似乎有白色的死空间,可能会取代现在不存在的状态栏。
有谁知道我怎么能恢复到有状态栏或使用JavaScript的页面底部?
非常感谢您提供的任何帮助。我附上了一些屏幕截图和一些简短的代码。
干杯, 库尔特
<!DOCTYPE html>
<html>
<head>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-touch-fullscreen" content="yes">
<meta id="extViewportMeta" name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
</head>
<title>Full Screen</title>
<style>
body {
background: #0000FF;
font-size: 140pt;
}
</style>
<body>
A<br />B<br />C<br />D<br />E<br />F<br />G<br />H
</body>
</html>
答
有同样的问题,并找到了解决的这个小宝石...只是把它放在你的文件的头::
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
iOS 8 status bar overlay + footer 'bar' in HomeScreen web applications
你应该关闭你的头标记! – 2014-10-02 14:33:27
哎呀,我想我在削减我的代码以证明问题时切断了它。感谢您的高举。我改变了它,但问题仍然存在。 – Kurt 2014-10-02 16:08:03
这是8.0.2中的一个错误。另请参阅http://*.com/questions/25884806/ios-8-web-app-status-bar-position-and-resizing-problems – 2014-10-06 08:19:29