Mat-card有一个最小宽度，在做pc web应用移动端的css调试时遇到了这个坑。

因为单元组件是一个一个的mat-card，内容是在mat-card里的一个个div，所以当我在布局行和列的时候，
如果一行要设置四个到六个，mat-card最小宽度会导致无法设置单元组件的宽度。

解决办法就是在单元组件的css中设置：

mat-card{
  width:auto;
然后单元组件的宽度在父组件中设置，这样就可以布局每行的单元组件的数量。
                                    我喜欢直接给代码或者截图说明，所有的口头上说的都是垃圾，解决不了问题
注：先吐槽一下angular material这个垃圾官网，真的是坑，如果你按照他的方法那就等着吃屎吧
1.在控制台端口输入：npm install --save @angular/material @angular/cdk
2.在你的package.json文件里把上一步下载的版本更改为（只能使用这两个
                                    <nz-content>Content
          <div nz-row [nzGutter]="8">
              <div *ngFor="let item of cardList let i=index">
                <div nz-col [nzSpan]="8">
                  <nz-card nzTitle="Card title">
对于现有应用，请按照以下步骤开始使用Angular Material。
 第1步：安装Angular Material，Angular CDK和Angular Animations
您可以使用npm或yarn命令行工具来安装包。在下面的示例中使用适合您的项目的任何一个。
npm install --save...
 该项目是使用版本11.2.0生成的。
开发服务器
为开发服务器运行ng serve 。 导航到http://localhost:4200/ 。 如果您更改任何源文件，该应用程序将自动重新加载。
代码脚手架
运行ng generate component component-name生成一个新的组件。 您还可以使用ng generate directive|pipe|service|class|guard|interface|enum|module 。
运行ng build来构建项目。 构建工件将存储在dist/目录中。 使用--prod标志进行生产构建。
运行单元测试
运行ng test以通过执行单元测试。
运行端到端测试
运行ng e2e通过执行端到端测试。
进一步的帮助
要获得有关Angular CLI的更多帮助，请使用ng help或查看“ 页面。