angular-material2 - 使用 flex 布局在 angular 2 Material 中开发响应式布局

Question

关闭。这个问题需要details or clarity .它目前不接受答案。












想改进这个问题？通过 editing this post 添加详细信息并澄清问题.

5年前关闭。




Improve this question




如何使用 flex 布局在 angular 2 Material 中开发响应式布局。
在角度 Material 中，我们使用下面的代码在桌面和移动 View 上进行响应式布局。
前任。

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