桌面和移动设备的 Flex 框宽度不同

Question

我有一个带有一些 mat-form-fields 的表单。现在我将这些项目的宽度设置为 750 像素，但这对于移动视图来说当然是不正确的。

我想知道如何将它放在表单或 mat-form-field 中，如果页面是在桌面上查看的，它的宽度应该是 750 像素，否则宽度是 100%。

我尝试使用 flex-grow-gt-xs，但没有。

Answer 1

在输入上，您需要设置width: 100%, max-width: 750px;