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。