状态栏和正文之间页面顶部的空白

Question

我使用的是ionic 4，并且在状态栏和正文之间有一个空白，我试图添加margin-top:-1px，这解决了我的问题，但是我想知道是否还有另一种可能的解决方案这个问题？

Answer 1

尝试使用此{ position: absolute; top : 0px; }正确设置工具栏。

发生这种情况是因为您的<ion-header>是其他容器（例如<router-outlet>）的子代。因此，渲染<ion-header>会有差距。