使用 vw 模态增加宽度

Question

增加模态尺寸可能在宽度：70vw 左右，并添加一个最小宽度（以像素为单位）。

为了使字段中的文本不被剪裁或剪切，我想将模式加宽大约宽度：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;