離子模式高度與鍵盤錯誤

我有一個離子模式，我想顯示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>

來源

2016-09-28 klifa

你有這個 in你的索引？ –

@Ujjwalkaushik這是我的元我有，它是一樣的，除了最小規模。嘗試與你同樣的問題 – klifa

Your問題在於鍵盤顯示時，您的設備高度會降低。並且比您的模式佔據了降低高度的60％。也許把它改成px。並看看會發生什麼？ –

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

這個問題

溢出滾動= 「假」

解決我的問題。

來源

2016-10-26 19:05:02

離子模式高度與鍵盤錯誤

回答

相關問題