Flex 布局 - "flex-basis: 1e-09px" 是什么意思？

Question

当使用 Angular Flex Layout 时，我注意到它将 flex: 0 1 1e-09px 应用于一个元素。

只是想知道 1e-09px 是什么意思，这是该字段的有效值还是只是一个错误。

Answer 1

根据 Github page:

1e-09px is shorthand for 0.000000001px and I believe it's a hack for IE:

flex-layout/src/lib/flexbox/api/flex.spec.ts

let hasFlex = _.hasStyle(dom, 'flex', '1 1 1e-09px') || // IE

Answer 2

当我们在 div 上声明 fxFlex 时会发生这种情况，例如：

<div fxFlex fxLayout="row">
  //...
</div>

可以使用 fxFlex="100%"

修复

<div fxFlex="100%" fxLayout="row"> //<--- fxFlex has 100% value
  //...
</div>

希望对大家有所帮助。