1

我将 onsenUI 框架与 Cordova 结合使用以创建混合应用程序。

出于某种原因,我观察到工具栏(文本)和 iOS 状态栏(iPhone 6s、iOS 11)之间的差距大于应有的差距,请参阅链接以获取示例。工具栏示例

为了解决这个问题并确保问题不是由我自己的代码引起的,我采用了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 设置,两者都没有观察到差距,所以有些东西与 Onsen 设置有关。

在浏览器中运行应用程序时不会显示间隙。

无论如何有相同的行为和/或想法是怎么回事?

4

1 回答 1

0

您必须添加到index.htmlviewport-fit=cover的视口标签meta

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, viewport-fit=cover">
于 2017-11-27T17:57:29.907 回答