ios 状态栏与离子标题栏重叠

Question

我正在开发一个 Ionic 应用程序，我在这个状态栏上卡了 3 个小时：

这就是我在这个视图中所拥有的：

<header-bar title="'Öffnungszeiten'" type="bar-energized" left-buttons="leftButtons" align-title="center"></header-bar>
<view>
  <content class="has-header bgstart">
    <input type="text" ng-model="searchBox" class="search" placeholder="Suchen...">

    <div ng-repeat="item in posts | filter:searchBox" class="card">
      <h3 ss="w">{{item.storeName}}</h3>
      <p class="w">{{item.openingHours[0]}}<br>{{item.openingHours[1]}}
        <br>
        {{item.openingHours[2]}}<br>
        {{item.openingHours[3]}}
        <br>
        {{item.openingHours[4]}}<br>
        {{item.openingHours[5]}}<br>
        {{item.openingHours[6]}}<br></p>
      <p class="c">
        <a href="tel:{{item.phone}}">
          <i class="fa fa-phone fa-lg">
            {{item.phone}}</i>
        </a>
      </p>

      <p class="c">
        <a href="tel:{{item.phone}}">
          <i class="fa fa-map fa-lg">
            {{item.address}}</i>
        </a>
      </p>

    </content>
  </view>

非常感谢任何帮助！

Answer 1

确保您的应用元标记中有viewport-fit = cover。