在角材质上将2列转换为4列

时间:2016-02-04 20:19:13

标签: flexbox angular-material

我正在使用棱角分明的材料。那使用flex。 我需要在移动设备上有2列,在桌面上有4列。

因为有些卡是可扩展的,这意味着它们的高度会有所不同,顺序无关紧要。

我尝试了不同的配置但没有成功。是否可以使用flexbox执行此操作?

2 cols on mobile, 4 cols on desktop

1 个答案:

答案 0 :(得分:1)

您可以根据屏幕尺寸使用fxFlex.lg =“25”fxFlex.xs =“50”进行响应。 有关更多信息,请使用flex layout doc