如何更改模态 materializecss 的大小

Question

抱歉，如果问题很简单，但我是 materializeCss 的新手

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

Answer 1

为了设置 MaterializeCSS Modal 的高度和宽度，您需要编辑

的 CSS

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

在此处查看 pihyper 所写的更多解释：

Answer 2

要仅删除垂直高度，请在模态 class 中添加。只需确保此定义不会被覆盖（避免使用 !important 并改用 specificity）。

.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;
    }

如何更改模态 materializecss 的大小

How to change the size of a modal materializecss

html

javascript

materialize