Safari 上的 Flexbox 布局在移动视图中不起作用
Flexbox layout on Safari not working in mobile view
我正在为我的网站使用@angular/flex-layout 和@angular/material，但在使用 Safari 时我的移动设备布局出现问题。
只有当 window 对于 md 或 xs 规则来说足够小时才会发生这种情况
在 Chrome 上看起来像这样：
但在 safari 上它看起来像这样：
这是一个代码块，其中包含它发生的地方：
https://embed.plnkr.co/2gh075v8CZ5aU6iA0xYd/
我已经找到问题所在了。
我必须将 flex: 1 0 auto !important; 添加到未正确填写的父级。
如果您正在使用 @angular/flex-layout，请尝试使用现有的 fxFlex 选项，而不是使用 CSS 来覆盖样式。
同样CSSflex: 1 0 auto !important也可以fxFlex="noshrink"
我正在为我的网站使用@angular/flex-layout 和@angular/material，但在使用 Safari 时我的移动设备布局出现问题。
只有当 window 对于 md 或 xs 规则来说足够小时才会发生这种情况
在 Chrome 上看起来像这样：
但在 safari 上它看起来像这样：
这是一个代码块，其中包含它发生的地方： https://embed.plnkr.co/2gh075v8CZ5aU6iA0xYd/
我已经找到问题所在了。
我必须将 flex: 1 0 auto !important; 添加到未正确填写的父级。
如果您正在使用 @angular/flex-layout，请尝试使用现有的 fxFlex 选项，而不是使用 CSS 来覆盖样式。
同样CSSflex: 1 0 auto !important也可以fxFlex="noshrink"