Блог

Я использую список сетки внутри компонента, похожий на этот:

 <mat-grid-list cols="4" rowHeight="650px" gutterSize="10px">
<mat-grid-tile
  *ngFor="let tile of tiles"
  [colspan]="tile.cols"
  [rowspan]="tile.rows"
  [style.background]="tile.color"
>
  {{tile.text}}
</mat-grid-tile>
 

Всякий раз, когда я даю ему высоту выше 200 пикселей, он автоматически добавляет горизонтальную полосу прокрутки, и я не знаю, почему или как этого избежать.

Кто-нибудь знает, как это решить?

Оказывается, на самом деле это был не список сетки mat, а родительский компонент. У него было боковое заполнение, настроенное на 20 пикселей, и всякий раз, когда высота страницы увеличивалась, он добавлял боковую прокрутку. Установите заполнение на ноль, и оно было исправлено