如何更改模态materializecss的大小

Question

抱歉，如果问题非常简单，但我是使用materializeCss的新手

因为我可以增加模态materializecss的高度和宽度？

Answer 1

要设置MaterialiseCSS模态的高度和宽度，您需要编辑CSS

.modal { width: 75% !important ; height: 75% !important ; }  /* increase the height and width as you desire */

请参阅pihyper撰写的更多解释：https://stackoverflow.com/a/34580086/3133641

Answer 2

仅删除垂直高度，请在模式类中添加。只需确保此定义不会被覆盖即可（避免使用！important并使用特定性）。

.modal { max-height: 100%; overflow: visible}

Answer 3

我相信接受的报价不是最好的。使用chrome开发人员工具或仅添加特定的模式ID。您可能有多个

div#modal5 {
width: 50%
}

Answer 4

set your modal class to this code.


    .modal-info {
      max-width: 100% !important;
      max-height: 100% !important; 
      overflow-y: auto;
    }