使Mat-icon适合容器div

Question

我正在尝试使Name, String Age , Int32 Hobies[], sring[] Height, float temp[], byte[] 适合他们的容器，但是在使用mat-icon时我无法做到这一点。

https://stackblitz.com/edit/mat-icons-dhktin

如何使图标像容器一样大？

Answer 1

您可以添加CSS

mat-icon{
  font-size:30px;
  transform: scale(12,1.2);
  transform-origin: left;
  margin-left:-20px;
}

example

Answer 2

在您的scss或css文件中添加：

mat-icon{
 font-size: #px;
}

Answer 3

在您的html上尝试

    <div class="container" >
      <i class="material-icons">brush</i>
    </div>

和

将此添加到css文件

    .material-icons{
      font-size: 200px;
    }

Example