Mobile 带键盘错误的离子模式高度

我有一个离子模式，我想显示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>

东西

---

我使用

溢出滚动=“false”

---

为我解决问题。

我使用

溢出滚动=“false”

---

帮我解决这个问题。

你的索引中有这个吗？@Ujjwalkaushik这是我的元数据，除了最小刻度外，它是相同的。你的问题是，当键盘显示时，你的设备高度会降低，而你的modal会占据降低高度的60%。也许把它换成px。看看会发生什么？嗨@Ujjwalkaushik我知道这就是问题所在，但是有没有一种方法可以使设备高度不受键盘的影响？我不想要固定像素，因为这应该适用于非常不同的设备。@ujwal kaushik谢谢你，我用--height:264px而不是--height:40%解决了这个问题。你的索引中有这个吗？@Ujjwalkaushik我有这个meta，除了最小刻度外，它是相同的。你的问题是，当键盘显示时，你的设备高度会降低，而你的modal会占据降低高度的60%。也许把它换成px。看看会发生什么？嗨@ujwalkaushik我知道这就是问题所在，但是有没有一种方法可以使设备的高度不受键盘的影响？我不想要固定像素，因为这应该适用于非常不同的设备。@ujwal-kaushik谢谢你，我已经用--height:264px而不是--height:40%解决了这个问题。