如何将角度材质字段设置为宽度：100％？

Question

如何将表单字段设置为最大宽度，屏幕尺寸小于840px？

我正在使用：Angular，Angular Materials＆amp;柔性布局。

具体来说，为什么这项工作＆amp;我该怎么用？

Styles.css中：

@media (max-width: 840px) {
  md-form-field{
    width: 100%;
  }
}

Answer 1

可能您在错误的css文件中设置规则，例如在styles.css中。如果需要在那里设置样式，请关闭ViewEncapsulation：

import { ViewEncapsulation } from '@angular/core';

@Component({
  encapsulation: ViewEncapsulation.None,
})