使用flex布局开发角度2材质的响应式布局[关闭]

Question

如何使用flex布局在角度2材质中开发响应式布局。在角度材质中，我们使用下面的代码在桌面和移动视图上进行响应式布局。恩。

<div layout="row" layout-xs="column" layout-wrap="" layout-align="center center">
    <div flex="33" flex-xs="100">
    </div>
    <div flex="33" flex-xs="100">
    </div>
    <div flex="33" flex-xs="100">
    </div>
</div>

Answer 1

我现在正在使用它。真的很舒服。

安装它：Click

更多信息在这里：Click

要在css中使用它，例子：Click

还有一个在线示例：Click

您只需确定使用flex-container和flex-item类的位置。您需要将fxLayout和fxLayoutAlign指令设置为true。它处理其余的工作。

我在@angular 2.4.3中使用它