ionic2 html页面背景颜色整个屏幕

Question

这是在iPad中显示的ionic2

这是在Iphone 6 plus中显示的

page.html中

<ion-content color="danger">
  <div padding class="about-button">
    <a ion-button color="light" href="tel:123456">
      立即拨打
      </a>
  </div>
</ion-content>

page.scss

.about-button {
  text-align: center;
  background-color: #F44336;
}

我不知道为什么Ipad在底部显示一些白色的屏幕

如何设置页面底部的按钮。

第一次使用离子，可以离子设置什么来访问所有设备屏幕？

Answer 1

最后，我发现了问题。

<强> page.html中

<ion-content color="danger">
  <div padding class="about-button">
    <a ion-button color="light" href="tel:123456">
      立即拨打
      </a>
  </div>
</ion-content>

ion-content无法使用color="danger"，将其更改为<ion-content class="bg-style">并更改scss文件。

<强> page.scss

.bg-style {
  background: #F44336;
}

通过这种方式解决更大尺寸设备的白屏