ionic2 html頁面背景顏色整個屏幕

Question

這是ionic2在ipad表示

這表示在iPhone 6加

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

通過這種方式來解決白色屏幕在更大尺寸的器件