Angular 7: мат-карта переполняет мат-сетку-плитку при использовании большого изображения в качестве мат-карты-изображения

#css #angular #layout #angular-material #angular-material2

#css #угловой #макет #angular-материал #angular-material2

Вопрос:

Я использую mat-grid-list . И каждый из них mat-grid-tile содержит a mat-card , который имеет разделы заголовка, изображения, содержимого и действия.

Когда используется большое изображение as mat-card-image , оно увеличивает размер mat-card и приводит к переполнению контейнера его родительского mat-grid-tile элемента .

Как я могу сделать mat-card так, чтобы контейнер никогда не переполнялся mat-grid-tile , даже если в его теге используется большое изображение mat-card-image ?

Stackblitz: макет демонстрации Stackblitz

Комментарии:

1. можете ли вы поделиться стеком для этого?

2. Конечно. Вот так: moybqenxvmnr.angular.stackblitz.io

3. здесь не используется мат-сетка … это демонстрационный стекблитц из мат-карты

4. Работает ли это? stackblitz.com/edit/angular-oesrxh