ons-toolbar 和 statusbar 之间的差距 iOS
Gap between ons-toolbar and statusbar iOS
我将 onsenUI 框架与 Cordova 结合使用以创建混合应用程序。
出于某种原因，我观察到工具栏（文本）和 iOS 状态栏（iPhone 6s，iOS 11）之间的间隙比应该大，请参阅 link 举个例子。 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，我还使用了 plain HTML 和来自 Framework7 的 kitchensick，并且对于相同的 Cordova 设置，两者都没有观察到差距，因此与 Onsen 设置有关。
在浏览器中 运行 应用程序时未显示间隙。
无论如何有相同的行为and/or知道发生了什么事吗？
您必须将 viewport-fit=cover 添加到 index.html
的视口 meta 标签
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, viewport-fit=cover">
我将 onsenUI 框架与 Cordova 结合使用以创建混合应用程序。
出于某种原因，我观察到工具栏（文本）和 iOS 状态栏（iPhone 6s，iOS 11）之间的间隙比应该大，请参阅 link 举个例子。 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，我还使用了 plain HTML 和来自 Framework7 的 kitchensick，并且对于相同的 Cordova 设置，两者都没有观察到差距，因此与 Onsen 设置有关。
在浏览器中 运行 应用程序时未显示间隙。
无论如何有相同的行为and/or知道发生了什么事吗？
您必须将 viewport-fit=cover 添加到 index.html
meta 标签
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, viewport-fit=cover">