Question

我正在研究角度材质布局，它在包括IE11在内的所有浏览器中都运行良好，但对于较小的屏幕分辨率，我面临内容重叠问题。这是我尝试过的代码：

HTML：

<div layout="row" layout-sm="column" layout-xs="column" layout-wrap>
    <div class="innersection" flex="25" flex-sm="100" flex-xs="100" layout="row">
        Title <br/><br/> Description:
        <br/> Manage your account, username and password setting<br/> Manage your account, username and password setting
    </div>
    <div class="innersection" flex="25" flex-sm="100" flex-xs="100" layout="row">
        Title <br/><br/> Description:
        <br/> Manage your account, username and password setting
    </div>
    <div class="innersection" flex="25" flex-sm="100" flex-xs="100" layout="row">
        Title <br/><br/> Description:
        <br/> Manage your account, username and password setting<br/> Manage your account, username and password setting
    </div>
    <div class="innersection" flex="25" flex-sm="100" flex-xs="100" layout="row">
        Title <br/><br/> Description:
        <br/> Manage your account, username and password setting
    </div>
</div>

CSS：

.innersection {
  background: #fff; padding:8px; border:1px solid;
}

这是工作小提琴的例子： http://jsfiddle.net/xjb0soLn/17/

感谢您的帮助。

Answer 1

我找到了解决方案： http://jsfiddle.net/xjb0soLn/22/

这是HTML：

<div layout-gt-sm="row" layout-wrap>
    <div class="innersection" flex-gt-sm="25">
        Title <br/><br/> Description:
        <br/> Manage your account, username and password setting<br/> Manage your account, username and password setting
    </div>
    <div class="innersection" flex-gt-sm="25">
        Title <br/><br/> Description:
        <br/> Manage your account, username and password setting
    </div>
    <div class="innersection" flex-gt-sm="25">
        Title <br/><br/> Description:
        <br/> Manage your account, username and password setting<br/> Manage your account, username and password setting
    </div>
<div class="innersection" flex-gt-sm="25">
        Title <br/><br/> Description:
        <br/> Manage your account, username and password setting
    </div>
</div>

IE11中的角度材质布局问题，用于较小的屏幕分辨率

1 个答案: