iOS 8:全屏Safari主屏幕页面底部的空白间隙

时间:2014-10-02 12:37:42

标签: javascript html ios8 fullscreen statusbar

如果需要,请原谅任何违反协议的行为并纠正我:长期读者,这里是第一次发布的海报。我找不到任何在线工作或非常近期的解决方案,我想知道是否还有其他人遇到过这个问题。

我已经在带有元标记的网页上启用全屏,并在主屏幕上添加了快捷方式。我最近在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>

图片在这里: http://postimg.org/gallery/2cm224s78/

1 个答案:

答案 0 :(得分:3)

遇到同样的问题并发现了这个小修复的宝石......只需把它放在你的文档头部::

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

iOS 8 status bar overlay + footer 'bar' in HomeScreen web applications

相关问题