角度材料柔性網格系統在IE11中不工作

Question

我有一個使用angularjs（1.5.5）和角度材質（1.0.5）構建的應用程序。

我使用了角度材質的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> 

DEMO：https://codepen.io/anon/pen/wqPBLa?editors=1010

Answer 1

我解決了這個問題用這種風格：

.layout-row > .flex { 
    -ms-flex-basis: auto; 
    flex-basis: auto; 
} 
.layout-column > .flex { 
    -ms-flex-basis: auto; 
    flex-basis: auto; 
}