Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html Ionic2调整模式_Html_Css_Modal Dialog_Ionic2 - Fatal编程技术网

Html Ionic2调整模式

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

我试图调整一个模态的大小,使它看起来像一个警报,因为我需要一个自定义警报,所以最简单的方法就是创建一个模态

问题是,我不知道如何使模态变小,所以它不使用整个屏幕

我有这个CSS:

    .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模型中,这就解决了问题。