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

Question

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

我想知道如何将表单或mat-form字段设置为如果页面在桌面上的视图宽度为750px，则宽度为100％。

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

Answer 1

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