モーダルMaterializecssのサイズを変更する方法

Question

質問が非常に単純ですが、私はmaterializeCssを使用して初めてです

モーダルMaterializecssの高さと幅を増やすことができるので??

Answer 1

MaterializeCSSモーダルの高さと幅を設定するには、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%
}