Safari上的Flexbox布局在移动视图中不起作用 [英] Flexbox layout on Safari not working in mobile view

问题描述

我在网站上使用@ angular/flex-layout和@ angular/material，但是在使用野生动物园时我的移动布局出现了史密斯问题.

I'm using @angular/flex-layout and @angular/material for my website but I'm having issues Smith my mobile layout when using safari.

仅当窗口足够小以适合md或xs规则时，这种情况才会发生

This only happens when the window is small enough for the md or xs rules

在Chrome上看起来像这样:

On Chrome it looks like this:

但是在野生动物园中，它看起来像这样:

But on safari it looks like this:

这里有一些代码: https://embed.plnkr.co/2gh075v8CZ5aU6iA0xYd/

推荐答案

我发现了问题所在.

我必须向未正确填充的父级添加 flex:1 0 auto！important; .

i had to add flex: 1 0 auto !important; to the parent that was not being filled correctly.

这篇关于Safari上的Flexbox布局在移动视图中不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！