我将onsenUI框架与Cordova结合使用以创建混合应用程序。
出于某种原因，我发现工具栏（文本）和iOS状态栏（iPhone 6s，iOS 11）之间存在差距，这个差距应该大一些，请参阅示例链接。 example of toolbar
要解决这个问题，并确保问题不是由我自己的代码引起的，我在https://onsen.io/v2/api/js/ons-toolbar.html上使用了工具栏参考的一个非常简单的例子的代码，看看在同一部iPhone上发生了什么（没有自己的使用的css文件）并观察到相同的行为。
我正在使用Cordova构建应用程序，并使用config.xml的基本设置，它是标准Cordova应用程序模板的一部分。我正在申请Onsen版本2.8.2，也尝试过CDN版本。我使用真正的iPhone通过XCode测试构建。
为了确认它不是Cordova，我还使用了纯HTML和Framework7的厨房用品，并且在同一个Cordova设置中没有观察到任何间隙，因此与温泉设置有关。
在浏览器中运行应用时，不会显示间隙。
无论如何都有相同的行为和/或想法发生了什么？
答案 0 :(得分：0)
您必须将viewport-fit=cover添加到index.html的viewport meta标记中
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, viewport-fit=cover">