固定的位置不适用于移动视图中的细分

Question

我有一个片段（不包含任何离子内容），我想在底部添加一个页脚类型的视图项。它在浏览器视图中工作正常，但不适用于移动视图。以下是两个平台的附加屏幕截图。

这是代码段

＆＃13;

＆＃13;

.comment-box-prop {
  position: fixed;
  background-color: #EDEDED;
  width: 100%;
  bottom: 0px;
}

＆＃13;

<div class="comment-box-prop">
  <ion-row>
    <ion-col col-2>
      <img class="circle-pics" src="{{userAvatarUrl || Constants.IMGS_DEFAULT }}" alt="">
    </ion-col>
    <ion-col col-9>
      <ion-input [(ngModel)]="comment.CommentText" class="input-prop" type="text" placeholder="Write a comment"> </ion-input>
    </ion-col>
    <ion-col col-1>
      <img src="assets/icons/icon_invite.svg" class="send-icon" name="send" (click)="sendMessage()">
    </ion-col>
  </ion-row>
</div>

＆＃13;

＆＃13;

＆＃13;

此外，如果我删除了底部属性，评论框会出现在屏幕的某个位置（显然不在底部），但底部在移动视图中无效。