fxFlex 不调整元素大小

Question

fxFlex 指令在宽度上不起作用，但是当我手动设置宽度时它起作用了，我怎样才能让它起作用？

我已尝试在 styles.scss 文件中将垫卡元素宽度设置为 100%，但这需要 div

中可用的所有 space

div抓取所有可用的space

<div fxLayout="column" fxLayoutAlign="start center" fxLayoutGap="10px" fxFill>

    <mat-card fxFlex.lt-sm="90" fxFlex.lt-md="80"  fxFlex="70">
        <mat-card-title>Create a new user</mat-card-title>
        <mat-card-content>

        </mat-card-content>
    </mat-card>
</div>

我明白了

但我希望仅使用指令

Answer 1

您可能想尝试使用 fxLayout="row" 而不是 "column"。

fxFlex 不调整元素大小

fxFlex not resizing elements

flexbox

angular-material

angular-flex-layout

angular