Ionic的导航栏阻碍了iframe

Question

我写这个问题是因为其他非常相似的答案没有帮助：

• Show a website inside an ionic tab
• How to make a container fill whole screen below the navigation bar in Ionic?

所以，问题是，我在一个只有导航栏和iframe的Ionic应用程序中有一个页面，但是当你将它导出到一个设备时，导航栏会占用iframe前面的空间，这不是'使用 ionic serve --lab 运行应用程序时会发生。

我该如何解决这个问题？

代码是这样的：

<ion-view view-title="Detalles de mensaje" class="detallesWV-page">
  <ion-nav-buttons side="right">
    <button class="button button-icon icon ion-navicon-round" ng-click="openPopover($event)">
    </button>
  </ion-nav-buttons>

  <ion-content scroll="false">
    <div id="contenido" style="top:10px;">
      <iframe width="100%" height="100%" frameborder="0" src="http://cnn.com"></iframe>
    </div>
  </ion-content>
</ion-view>

Answer 1

尝试在ion-content

上添加class =“has-header”