Ion-view auto size problem

I could not dynamic content shown in the picture. How can i fix it ?

<ion-view > <ion-nav-title > <img src="img/logo.png" style="height: 100%"> </ion-nav-title> <ion-content scroll="false"> <ion-slide-box auto-play="true" does-continue="true" show-pager="true" pager-click="nextSlide(index)" slide-interval="4000"> <ion-slide ng-repeat="photo in photos" style="height: 90%"> <img ng-src="{{photo}}" style="width: 100%;"/> </ion-slide> </ion-slide-box> <div class="row" style="text-align:center;" > <div class="col col-33"><a class="button button-icon icon ion-android-call"></a></div> <div class="col col-33"><a class="button button-icon icon ion-email" ></a></div> <div class="col col-33"><button class="button button-icon icon ion-information" ></button></div> </div> <div class="row" style="text-align:center"> <div class="col col-33"><button class="button button-icon icon ion-social-facebook" ></button></div> <div class="col col-33"><button class="button button-icon icon ion-social-twitter" ></button></div> <div class="col col-33"><button class="button button-icon icon ion-social-instagram" ></button></div> </div> <div class="row" style="text-align:center"> <div class="col"><button class="button button-icon icon ion-ios-cart" ></button></div> </div> </ion-content> </ion-view>

Please help me anyone ?