使用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;