使用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

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

要安装它:单击

更多信息在这里:点击

要在css中使用它,请使用示例:单击

一个在线示例:点击

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

我在@angular 2.4.3中使用它