mobile - 带有键盘错误的离子离子模式高度

Question

我有一个离子模态，我想显示 60% 的屏幕，但是当键盘出现时，模态会调整为屏幕的 60%（包括键盘），所以它会缩小很多。我希望模态保持相同的大小（理想情况下是其内容的大小）。图片说明了很多。

这是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>

Answer 1

我使用<ion-content overflow-scroll="false"></ion-content>

溢出滚动=“假”

为我解决问题。