Полноэкранное адаптивное фоновое изображение с использованием угловых материалов

Question

Ищу полноэкранный фон с угловым материалом, не работает

<mat-grid-list cols="1" rowHeight="1:1">
    <mat-grid-tile>
      <img src="/assets/img/bg.jpg"  class="bg">
   </mat-grid-tile>
  </mat-grid-list>
.bg{
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    background-size:cover;
  }

Answer 1

.bg {
  position: fixed; 
  top: 0; 
  left: 0; 

  /* Preserve aspet ratio */
  min-width: 100%;
  min-height: 100%;
}

Вы используете тег img, без фонового изображения. Используйте это.