javascript - Angular Material Design Layout 自定义尺寸

Question

如何为不同尺寸的屏幕添加自定义的flex属性？ 在此处引用规范:https://material.angularjs.org/latest/#/layout/options

例如flex属性 flex-gt-lg 在宽度大于 1200px 的设备上设置 flex。我想再添加一个属性，例如 flex-gt-lgx，它在宽度大于 1600px 的设备上设置 flex， Angular Material 不提供支持。怎么会做这样的事情？

Answer 1

代码人，

您将不得不以某种方式更改 CSS。

复杂方式

转到他们的 css 资源并根据您的需要进行更改

更简单的方法

创建您自己的 CSS 更改并使用 !important 覆盖它们的更改

@media screen and (min-width:1200px) {     
.yourclass { 
      width:100% !important; 
      background:#ccc !important; 
      float:none !important;     }  
}

干杯!