如何将角度材质字段设置为宽度:100%?

时间:2017-09-21 14:31:31

标签: angular angular-material angular-flex-layout

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

我正在使用:Angular,Angular Materials&柔性布局。

具体来说,为什么这项工作&我该怎么用?

Styles.css中:

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

1 个答案:

答案 0 :(得分:2)

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

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

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