我有一个离子模态,我希望显示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>
答案 0 :(得分:0)
我使用<ion-content overflow-scroll="false"></ion-content>
溢出涡卷=&#34;假&#34;
为我解决问题。