ionic2 - 屏幕顶部的离子含量

Question

我正在开发一个处理大量图像的移动应用。我的客户希望应用程序主页具有边缘到边缘的全屏背景图像。但到目前为止，我所能达到的效果如下图所示：

我只是不知道如何摆脱顶部的白色缝隙。这是我的代码：

home.html：

<!--<ion-header>   <ion-navbar>
    <ion-title>
      Ionic Blank
    </ion-title>   </ion-navbar> </ion-header>-->

<ion-content>   <div class="gmHomeTopScreen">
    <p *ngIf="user">
      <i>Welcome, {{user}}</i>
    <p>
    <button class="button button-clear button-positive"  (click)="openModal({charNum: 0})">
      Gollum
    </button>   </div> </ion-content>

home.scss：

page-home {

.gmHomeTopScreen{
 width: 100%;
 height: 100%;   
 background-color: #999;
}
}

我在ionicframework docs 中阅读了关于content 的内容，他们确实有一个名为contentTop 的实例成员。但我不知道如何使用它。

1. 如何设置每个页面的顶部都带有ion-content？我知道这与 app.scss 有关，但我不知道该怎么做。

Answer 1

尝试将fullscreen 属性添加到ion-content