Angular Flexbox：如何将最大宽度设置为 div

Question

我正在使用Angular Flexlayout（基于 FlexBox）来为我的应用程序添加响应能力。

是否可以为HTML 元素设置最大宽度？

例子：

<div fxFlex.gt-md="70" fxLayout.lt-lg="100"> 
<!-- I want this div to have a maximum width of 1750px. 
Setting max-width has no effect. How can I achieve this? -->
</div>

Answer 1

解决方案是使用 FxFlex 标签的“shrink”和“grow”值。Grow：如何增长元素 Shrink：如何缩小元素 Initial：初始值

例子：

fxFlex="grow shrink initial"
fxFlex="0 1 70" <- Will not grow, will shrink 1:1, initial value of 70%
fxFlex="0 1 1750px" <- Will not grow, will shrink 1:1, initial value of 1750px

文档在这里