角度材選択コントロールが画面のサイズに重なっていて、大画面で他のコントロールと適切に位置合わせされていません

Question

角度材質の選択と自動塗りつぶしを並べて使用していますが、他はダウンしています。そして画面のサイズ変更では、それらはお互いに重なっています。

これはコードのように現れるかである：ここでは

が私のコードです：

<div class="col-sm-6 col-md-4 col-lg-3"> 
    <md-input-container class="example-full-width"> 
     <input mdInput placeholder="Brand" [mdAutocomplete]="auto" [formControl]="stateCtrl"> 
    </md-input-container> 
    <md-autocomplete #auto="mdAutocomplete"> 
     <md-option *ngFor="let state of filteredStates | async" [value]="state"> 
      {{ state }} 
     </md-option> 
    </md-autocomplete> 
</div> 
<div class="col-sm-6 col-md-4 col-lg-3"> 
    <md-select placeholder="Frequency start" class="example-full-width"> 
     <md-option *ngFor="let FrequencyStartEndRange of FrequencyStartEndRanges" [value]="FrequencyStartEndRange.value"> 
      {{ FrequencyStartEndRange.viewValue }} 
     </md-option> 
    </md-select> 
</div> 
<div class="col-sm-6 col-md-4 col-lg-3"> 
    <md-select placeholder="Frequency End" class="example-full-width"> 
     <md-option *ngFor="let FrequencyStartEndRange of FrequencyStartEndRanges" [value]="FrequencyStartEndRange.value"> 
      {{ FrequencyStartEndRange.viewValue }} 
     </md-option> 
    </md-select> 
</div> 

Answer 1

これは既知の問題であり、そして仕事は、彼らが同じスタイルを共有できるようにするために行われています（this PR参照）。

グローバルスタイルにこれを追加してみてください：

.mat-select .mat-select-trigger { 
    margin: 1em 0; 
}