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

问题描述

我在我的网站上使用@angular/flex-layout 和@angular/material，但我在使用 safari 时遇到了 Smith 我的移动布局问题.

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:

但是在 safari 上它看起来像这样:

But on safari it looks like this:

这是一个包含它发生的代码的plunk:https://embed.plnkr.co/2gh075v8CZ5aU6iA0xYd/

Here is a plunk with the code where it happens: 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屋！