如何在视图中调整内容而不滚动离子

Question

所有菜单项都应该适合视图，并且滚动条应该是禁用模式。这里最后2个菜单是部分可见的。如何在离子中做同样的事情。

menu.html

 <ion-content >
   <ion-grid style="padding:0px">
   <ion-row>
     <ion-col style="padding:0px">
      <img src="assets/imgs/HotOffers.png" width="100%" />
    </ion-col>
    <ion-col style="padding:0px">
      <img src="assets/imgs/Massage.png" width="100%" />
    </ion-col>
   </ion-row>
    ...........
   <ion-row>
    <ion-col style="padding:0px">
      <img src="assets/imgs/Profile.png" width="100%" />
     </ion-col>
    <ion-col style="padding:0px">
      <img src="assets/imgs/Settings.png" width="100%" />
    </ion-col>
   </ion-row>
   </ion-grid>
  </ion-content>