使用 vw 模态增加宽度

Question

增加模态大小大约在宽度：70vw 并添加最小宽度（以像素为单位）。

为了不让字段中的文本被剪裁或剪切，我想加宽模态框，大概在 width: 70vw 左右，并添加最小宽度（以像素为单位）。任何人都知道关于 css ?

数学对话框或模态容器

.mat-dialog-container {
    display: block;
    padding: 24px;
    border-radius: 4px;
    box-sizing: border-box;
    overflow: auto;
    outline: 0;
    width: 100%;
    height: 100%;
    min-height: inherit;
    max-height: inherit;
}

垫子对话框

<mat-dialog-container aria-modal="true" class="mat-dialog-container ng-tns-c38-16 ng-trigger ng-trigger-dialogContainer ng-star-inserted" tabindex="-1" id="mat-dialog-1" role="dialog" aria-labelledby="mat-dialog-title-1" style="transform: none;">

Answer 1

添加 css 属性

min-width:100px;
max-width:70vw;