為什么當我打開頁面時，我的文本區域會自動縮小？

當我刷新頁面時，它又恢復正常。可能是什么問題

這是我的html代碼

<div class="col-md-12 input-group pab pcomment">
        <div class="input-group-prepend">
          <span class="input-group-text">Comment</span>
        </div>
        <textarea matinput formControlName="pastMedicalHistoryComment" class="form-control" aria-label="Comment"></textarea>
    </div>

這是我的窗體控件css

.input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}

只要給它一些最小寬度:400像素或一些像素，你想給默認的最小寬度。

.input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
    min-width:400px;
}

<div class="col-md-12 input-group pab pcomment">
        <div class="input-group-prepend">
          <span class="input-group-text">Comment</span>
        </div>
        <textarea matinput formControlName="pastMedicalHistoryComment" class="form-control" aria-label="Comment"></textarea>
    </div>

你本質上想要這個，但是我會讓你把它和BS結合起來:

div {
  display: flex; 
  align-items: center;
}
label {
  padding: 10px;
  width: max-content;
  background: #f7f7f7;
}
textarea {
  flex: 1 1 auto;
}

<div>
  <label>Comment</label>
  <textarea></textarea>
</div>