使用角度材质的全屏响应式背景图像

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标签，没有背景图片。