1

我必须在角度材料 css 中开发一个响应式用户界面。我已经安排了 div，因为它在 lg 屏幕中的一行中有 4 个 div，在 md 中为 2 个，在 sm 屏幕上为 1 个。为此，我编写了休闲代码，但没有按预期工作。

<div layout="row">
                            <div flex="100" flex-gt-sm="50" flex-gt-md="25">Name :</div>
                            <div flex="100" flex-gt-sm="50" flex-gt-md="25">Rhushikesh G. lokahnde</div>
                            <div flex="100" flex-gt-sm="50" flex-gt-md="25">Date of Birth :</div>
                            <div flex="100" flex-gt-sm="50" flex-gt-md="25">25th August 1990</div>
                        </div>
4

1 回答 1

4

您需要添加 layout-wrap 否则它不会换行并且内容将位于 1 行。

https://material.angularjs.org/latest/layout/options

于 2015-12-21T08:43:35.190 回答