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

Question

我应该如何将表单字段设置为最大宽度，屏幕尺寸低于 840 像素？

我正在使用：Angular、Angular Materials & Flex-Layout。

具体来说，为什么这不起作用以及我应该改用什么？

样式.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,
})