角度材料柔性网格系统在IE11中不工作
问题描述:
我有一个使用angularjs(1.5.5)和角度材质(1.0.5)构建的应用程序。角度材料柔性网格系统在IE11中不工作
我使用了角度材质的flex布局,但是当我放大网页时,我在IE11上遇到了问题,flex行彼此溢出。
<div ng-cloak ng-app="MyApp">
<div layout="row" layout-sm="column" layout-md="column">
<div flex>
<md-datepicker flex ng-model="myDate" md-placeholder="Enter date"></md-datepicker>
</div>
<div flex>
<md-datepicker flex ng-model="myDate" md-placeholder="Enter date"></md-datepicker>
</div>
</div>
<div layout="row" layout-sm="column" layout-md="column">
<md-input-container class="md-block" flex>
<label>Text</label>
<input ng-model="text">
</md-input-container>
</div>
<div layout="row" layout-sm="column" layout-md="column">
<md-input-container class="md-block" flex>
<label>Text 1</label>
<input ng-model="text">
</md-input-container>
<md-input-container class="md-block" flex>
<label>Text 2</label>
<input ng-model="text">
</md-input-container>
<md-input-container class="md-block" flex>
<label>Text 3</label>
<input ng-model="text">
</md-input-container>
</div>
</div>
答
我解决了这个问题用这种风格:
.layout-row > .flex {
-ms-flex-basis: auto;
flex-basis: auto;
}
.layout-column > .flex {
-ms-flex-basis: auto;
flex-basis: auto;
}
你试过升级到1.1.4 AM? –
@MikeFeltman我无法升级它,因为必须完成很多工作,应用程序太大,所以我正在寻找一种解决方法来解决此问题。 –
角材1.1.4应100%向后兼容。但是,我尝试了它,似乎无法解决问题。 –