Safari上未顯示CSS行，但在Chrome上運行正常

Question

https://jsfiddle.net/suunyz3e/190/-如果您在Safari中查看該小提琴，然后將窗口縮小得很小，您會發現行彼此重疊...當我想要的是“測試”時“ TEST TEST”（顯示在“ GO GO GO”上方）（這在Chrome上非常有用）。

這個問題使我發瘋，如果有人知道如何解決這個問題，我將非常感激。 我正在使用Angular Material作為框架。 謝謝。

<div ng-app="sandbox">
  <div layout="row" layout-xs="column">
    <div flex-gt-xs="30" flex-xs="100">
      TEST TEST TEST
    </div>       
    <div flex-gt-xs="70" flex-xs="100">
      GO GO GO
    </div>
  </div>
</div>

Answer 1

試試看：

.layout-xs-column > .flex-xs-100 {
  flex: 1 1 auto;
}

https://jsfiddle.net/naayt/6vfdzxho/2/