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

发布时间：2020-12-17 18:00:25 所属栏目：安全来源：网络整理

导读：这是我的模态代码： let modal = Modal.create(DailyReportPage); this.nav.present(modal); 它在手机上运行正常,但在平板电脑上它看起来像这样：我想要的是让它看起来像这样：解决方法我应用这种风格： ion-modal { .modal-wrapper { position: absolute

这是我的模态代码：

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

它在手机上运行正常,但在平板电脑上它看起来像这样：

enter image description here

我想要的是让它看起来像这样：

enter image description here

解决方法

我应用这种风格：

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!