Html Ionic2调整模式
我试图调整一个模态的大小,使它看起来像一个警报,因为我需要一个自定义警报,所以最简单的方法就是创建一个模态 问题是,我不知道如何使模态变小,所以它不使用整个屏幕 我有这个CSS:Html Ionic2调整模式,html,css,modal-dialog,ionic2,Html,Css,Modal Dialog,Ionic2,我试图调整一个模态的大小,使它看起来像一个警报,因为我需要一个自定义警报,所以最简单的方法就是创建一个模态 问题是,我不知道如何使模态变小,所以它不使用整个屏幕 我有这个CSS: .modal-wrapper{ position: absolute; width: 90%; height: 65%; top: 20%; left: 5%; } 这是HTML: <ion-header> <ion-navbar clas
.modal-wrapper{
position: absolute;
width: 90%;
height: 65%;
top: 20%;
left: 5%;
}
这是HTML:
<ion-header>
<ion-navbar class="modal-wrapper">
<ion-title>alertModal</ion-title>
</ion-navbar>
</ion-header>
<ion-content padding>
</ion-content>
alertModal
谢谢你的帮助 我认为你不需要将ion navbar类设置为模态包装器。这个类是由ion modalI生成的。我认为我解决了这个问题。我必须将模态包装器类放入ion模型中,这就解决了问题。