Угловой Flexbox: как установить максимальную ширину в div

Question

Я использую Angular Flexlayout (на основе FlexBox), чтобы добавить отзывчивость моему приложению.

Можно ли установить max-width для элемента 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.Вырасти: как вырастить элемент. Сжать: Как сжать элемент. Начальное: Начальное значение

Примеры:

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

Документация здесь

Answer 2

Используйте max-width свойство с !important:

<div fxFlex.gt-md="70" fxLayout.lt-lg="100" style="max-width: 100px !important">