【问题标题】:iOS 8: blank gap at bottom of full screen Safari home screen pageiOS 8:全屏 Safari 主屏幕页面底部的空白间隙
【发布时间】:2014-11-27 10:48:49
【问题描述】:

请原谅任何违反协议的行为,并在需要时纠正我:长期读者,第一次在这里发帖。我在网上找不到任何有效的或最近的解决方案,我想知道是否有其他人遇到过这种情况。

我一直在使用元标记在网页上启用全屏,并在主屏幕上添加快捷方式。我最近在 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/

【问题讨论】:

  • 你应该关闭你的头部标签!
  • 糟糕,我想我在缩减代码以演示问题时将其删掉了。感谢您的提醒。我已经修改了它,但问题仍然存在。
  • 这是 8.0.2 中的一个错误。另见stackoverflow.com/questions/25884806/…
  • 在 标签内

标签: javascript html ios8 fullscreen statusbar


【解决方案1】:

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

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-10-13
    • 2016-11-01
    • 1970-01-01
    • 1970-01-01
    • 2014-11-20
    相关资源
    最近更新 更多