离子3响应弹出大小

Question

我正在使用离子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) 

取决于您的需要。