SafariのFlexboxレイアウトがモバイルビューで動作しない

Question

私はウェブサイトに@ angular/flex-layoutと@ angular/materialを使用していますが、Safariを使用しているときにスミスのモバイルレイアウトに問題があります。

これが唯一のウィンドウには、ChromeでのMDまたはxsルール

のために十分に小さい場合、それはこのようになりますが起こる：

しかしサファリで、それは次のようになります。

ここにコードがあります。 https://embed.plnkr.co/2gh075v8CZ5aU6iA0xYd/

Answer 1

私は、彼は問題だった。

正しく塗りつぶされていない親にflex: 1 0 auto !important;を追加する必要がありました。