angular - 使用角度材料的响应式全屏背景图像

Question

我正在寻找带有 Angular Material 的全屏背景。这就是我所拥有的，但它不起作用。

    <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;
    }

标签： angularangular-material

Answer 1

.bg {
  position: fixed; 
  top: 0; 
  left: 0; 
    
  /* Preserve aspect ratio */
  min-width: 100%;
  min-height: 100%;
}

您正在使用img标签，没有背景图片。用这个。