css - ionic 3 响应式弹出层大小

我正在使用 Ionic 3，并且有一个具有固定高度的弹出层

editOpty(rw){
     let popover = this.editOptyPopup.create(EditOptyPopoverComponent, rw, { cssClass: 'edit-opty-popover'});
    popover.present({

    });
  }

CSS 是这样的：

.edit-opty-popover .popover-content{
        width: 1400px;
 }

固定宽度的缺点很明显。我只需要弹出窗口的宽度比屏幕（无论我使用哪一个）宽度少几像素。

答案＃1

你可以在这里尝试使用 %。

.edit-opty-popover .popover-content{
        max-width: 90%;
 }

答案＃2

请考虑以下内容：

width:calc(100vw - 5px) 

或

width:calc(100% - 5px) 

取决于你的需求。