如何将表单字段设置为最大宽度,屏幕尺寸小于840px?
我正在使用:Angular,Angular Materials&柔性布局。
具体来说,为什么这项工作&我该怎么用?
Styles.css中:
@media (max-width: 840px) {
md-form-field{
width: 100%;
}
}
答案 0 :(得分:2)
可能您在错误的css文件中设置规则,例如在styles.css
中。如果需要在那里设置样式,请关闭ViewEncapsulation:
import { ViewEncapsulation } from '@angular/core';
@Component({
encapsulation: ViewEncapsulation.None,
})