iPhone上离子菜单栏顶部出现意外填充

Question

我的离子2应用程序的菜单/标题栏在Android手机上看起来很好，在iOS和Android的网络模拟器上很好（即在栏中文本的上方和下方有相同数量的空间）但在那里的iPhone上是菜单/标题栏顶部的额外@ 20px空白区域。

我用于菜单/标题栏的离子代码是：

<ion-navbar *navbar>
  <button menuToggle>
    <ion-icon class="menu-burger-icon" name="menu"></ion-icon>
  </button>
  <ion-title><img src="img/logo.png" height="14"></ion-title>
  <ion-buttons end>
    {{theUserData.viewCount}}<img src="img/tiny-v.png" height="12" style="margin-left:3px;margin-bottom: 0px;">
  </ion-buttons>
</ion-navbar>

这是它的样子：