ionic 开发app header 贴近状态栏这是为啥？

Question

我是第一次接触iOS开发，第一次调试iOS版的app,想问问这种情况是什么原因导致的

附上我的代码：

<ion-header>

<ion-navbar>
    <ion-title>
        评论管理
    </ion-title>
</ion-navbar>

</ion-header>
还望各位技术大牛帮帮忙，指点一下

Answer 1

看看是否和meta标签有关

是否启用 WebApp 全屏模式

<meta name="apple-mobile-web-app-capable" content="yes" /> <!-- 是否启用 WebApp 全屏模式 -->

设置状态栏的背景颜色

<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> <!-- 设置状态栏的背景颜色，只有在 `"apple-mobile-web-app-capable" content="yes"` 时生效 -->

content 参数：

• default 默认值。
• black 状态栏背景是黑色。
• black-translucent 状态栏背景是黑色半透明。 如果设置为 default 或 black ,网页内容从状态栏底部开始。 如果设置为 black-translucent ,网页内容充满整个屏幕，顶部会被状态栏遮挡。