如何調整模態高度？

我使用設備打開模態頁面時出現問題。問題在於它正在填充頁面而不是彈出。可能是什麼問題？該模式在網絡瀏覽器中彈出，但它在設備上打開，但它填充了頁面。我該如何解決這個問題。順祝商祺如何調整模態高度？

import {Component} from '@angular/core'; 
import {Network, Toast} from "ionic-native"; 
import {ModalPagePage} from '../modal-page/modal-page'; 
import {NavController, Platform,ModalController} from 'ionic-angular'; 

@Component({ 
    selector: 'page-home', 
    templateUrl: 'home.html' 
}) 
export class HomePage { 

    public people: Array<Object>; 
    onDevice: boolean; 


    constructor(public navCtrl: NavController, public modalCtrl: ModalController) { 


    this.platform.ready().then(() => { 

     this.onDevice = this.platform.is('cordova'); 



    }); 

    } 




    presentProfileModal() { 
    let profileModal = this.modalCtrl.create(ModalPagePage); 

    profileModal.present(); 
    } 




}

來源

2017-02-13 James Java Card

模式演示文稿是在CSS中設置的，因此如果您希望我們提供幫助，您需要粘貼相關的HTML和CSS。 – codeepic

我認爲Ionic是故意這麼做的，因爲讓模態在較小的設備上擁有整個屏幕是很好的UX。 –

@codeepic modal-page.scss是：page-modal-page { width：50％; 身高：50％; }} 模態-page.html中是： <離子標題主>我的自定義模態 <離子按鈕結束> <按鈕（點擊）= 「駁回（）」>關閉 <離子含量填充> –

.modal-wrapper { 
    position: absolute !important; 
    width: 93vw !important; 
    height: 260px !important; 
    top: 0 !important; 
    bottom: 0 !important; 
    left: 0 !important; 
    right: 0 !important; 
    margin: auto !important; 
} 

.modal .backdrop { 
    display: block !important; 
}

結束在variable.scss騎模式的默認CSS。

來源

2017-02-13 09:34:47 Naveen

如何調整模態高度？

回答

相關問題