带有键盘错误的离子离子模态高度

我有一个离子模态，我想显示60％的屏幕，但是当键盘出现时，模态会调整为屏幕(包括键盘)的60％，因此会缩小很多.我希望模态保持相同的大小(最好是其内容的大小).图片说明了很多.

I have a ion modal which i want to show of 60% of my screen, but when keyboard appears the modal resizes to 60% of the screen (including keyboard) so it shrinks a lot. I want the modal to stay the same size (ideally the size of its contents). Pictures explain a lot.

这是CSS

.ion-modal.modal {
  width: 90%;
  min-height: 0 !important;
  height: 60% !important;
  top: 5%;
  left: 5%;
  right: 5%;
  bottom: 5%;
  background-color: #fff;
  -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); }

这是html

<ion-modal-view id="details_modal" class="ion-modal">
STUFF
</ion-modal-view>