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/