Angular material 响应式 ui
Angular material responsive ui
我必须在 angular material css 中开发响应式 ui。我已经安排了 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>
您需要添加 layout-wrap 否则它不会扭曲并且内容将在 1 行上。
我必须在 angular material css 中开发响应式 ui。我已经安排了 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>
您需要添加 layout-wrap 否则它不会扭曲并且内容将在 1 行上。