ionic 3 响应式弹出框大小

Question

我正在使用 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;
 }

固定宽度的缺点很明显。我所需要的只是弹出窗口的宽度比屏幕（我使用的那个）宽度小几个像素。

Answer 1

您可以在这里尝试%。

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

Answer 2

考虑以下几点：

width:calc(100vw - 5px) 

或

width:calc(100% - 5px) 

取决于你的需要。