如何将模态对话宽度更改为100％

Question

我正在使用reactStrap，我如何更改模态对话的宽度，我想让它达到100％宽度

我尝试过使用 模态内容定制

<Modal isOpen={true} toggle={this.toggle} dialogClassName="modal-content-custom">

使用内联样式

<Modal isOpen={true} toggle={this.toggle} dialogClassName={{maxWidth:'100%'}}>

使用自定义类

.modal-content-custom {
    max-width: 100% !important;
}

<Modal isOpen={a} toggle={this.toggle}
                className="modal-content-custom">
</Modal

但它不适合我，它不会压倒940px的模态对话

Answer 1

您只需在自定义!important中添加className到最大宽度：

.modal-content-custom {
  max-width: 100% !important;
}