Angular Material UI TextArea 填充高度/宽度

Question

使用 Angular v11 和Angular Material Form 字段，如何使文本区域 mat-form-field 占据容器的整个空间（在我键入时不会自动增长，但即使是空的也填充空间）？它应该是仅使用 CSS 的动态解决方案，因此当页面大小调整时，文本字段也会调整。

这是我正在处理的实际页面的图片。我尝试在stackblitz上制作示例，但是 Material UI 甚至无法在那里正确显示 - 可以吗？仍然希望它有助于澄清我的问题。

Answer 1

我最终找到了完全动态的解决方案，无需使用计算或任何硬编码调整（请注意，您可以在文本区域上方的部分中添加内容并动态调整大小），请参阅stackblitz。让它工作的关键之一是这个CSS，我不太明白：

*,
::after,
::before {
  box-sizing: border-box;
}