Safari上的Flexbox佈局無法在移動視圖中工作

Question

我正在使用@ angular/flex-layout和@ angular/material來訪問我的網站，但我在使用Safari時遇到了問題Smith移動佈局。

這隻有在窗口足夠小的MD或XS規則發生

在Chrome它看起來像這樣：

但在Safari瀏覽器，它看起來是這樣的：

這裏是與代碼的地方它發生的地方： https://embed.plnkr.co/2gh075v8CZ5aU6iA0xYd/

Answer 1

我已經找到了什麼t他的問題是。

我不得不將flex: 1 0 auto !important;添加到未正確填充的父級。