iOS 8：全屏 Safari 主屏幕页面底部的空白间隙
Posted
技术标签:
【中文标题】iOS 8：全屏 Safari 主屏幕页面底部的空白间隙【英文标题】：iOS 8: blank gap at bottom of full screen Safari home screen page 【发布时间】：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 中的一个错误。另见***.com/questions/25884806/…遇到了同样的问题，发现了这个修复的小宝石...只需将它放在文档的头部::
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
iOS 8 status bar overlay + footer 'bar' in HomeScreen web applications
【讨论】：
以上是关于iOS 8：全屏 Safari 主屏幕页面底部的空白间隙的主要内容，如果未能解决你的问题，请参考以下文章
iOS 7 全屏 Web 应用程序中的 JavaScript 警报损坏？
Safari iOS13 iPad 上的全屏 PWA 具有带阅读器和“完成”按钮的 URL 栏，无法隐藏