ionic2 html page background color whole screen

0
votes

This is ionic2 showing in iPad

enter image description here

This is showing in Iphone 6 plus enter image description here

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;
}

I don't why in Ipad showing some white screen at the bottom

How can I set the button at the bottom of the page.

First time use ionic, can ionic set something to access all device screen?

1
cssangularjsionic2

1 Answers

3
votes

Finally, I found the problem.

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 cannot use color="danger", change it to <ion-content class="bg-style"> and change scss file also.

page.scss

.bg-style {
  background: #F44336;
}

By this way to solve white screen at bigger size devices