如何在Ionic2中使模态成为全屏？

Question

这是我的模态代码:

    let modal = Modal.create(DailyReportPage);
    this.nav.present(modal);

它在手机上运行正常,但在平板电脑上它看起来像这样: 我想要的是让它看起来像这样:

Answer 1

我应用这种风格:

ion-modal {
    .modal-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
    }
}

Answer 2

您可以覆盖文件中的相关Ionic Sass变量variables.css:

$modal-inset-width: 100%;
$modal-inset-height-large: 100%;

文档(当前版本为3.9,但我使用3.7):http: //ionicframework.com/docs/theming/overriding-ionic-variables/