Dikey ben <code>ion-view</code> aşağıdakilere sahip İon

Question

yılında arkaya sütun align: Ben dikey ekranda orada o col hizaya çalışıyorum

<ion-view view-title="Success" ng-controller="successController" class="success-view"> 
    <ion-content> 

    <div class="row row-center"> 
     <div class="col"> 

     <h1>Success!</h1> 

     <h3>Your login credentials will be SMSed to you shortly</h3> 

     <button class="button button-block button-positive" ui-sref="login"> 
      Okay 
     </button> 

     </div> 
    </div> 

    </ion-content> 
</ion-view> 

. Şimdi anlayacağım tek yolun row benim boyunun% 100'ünü almasıdır. Yine de devam edersem ve row numarama style="height: 100%;" eklerseniz, satırın yüksekliği hala içeriğine sarılır. !important eklesem bile ekranın tam yüksekliğini hala kapsamıyor ... Herhangi bir fikir var mı?

Answer 1

İyonik çerçeve, satırı sarmalayan dinamik bir sınıf scroll ekler. Ayrıca scroll numaralı telefona height: 100% ekleyin.

.row, .scroll { 
    height: 100%; 
} 

Çıktı:

Ionic Demo