时间戳

首页 > 解决方案 > Angular Flex 布局 - fxLayoutGap.lt-lg="0px grid" - 在 Safari 中不起作用

angular - Angular Flex 布局 - fxLayoutGap.lt-lg="0px grid" - 在 Safari 中不起作用

问题描述

    <div class="container" fxLayout="row wrap" fxLayout.lt-sm="column"
            fxLayoutGap="48px grid" fxLayoutGap.lt-lg="0px grid">

     <div fxLayout="column" fxFlex fxFlex.lt-lg="100%">
       //Some columns
     </div>

     <div fxLayout="column" fxFlex fxFlex.lt-lg="100%">
      //Some columns
    </div>

    <div fxLayout="column" fxFlex fxFlex.lt-lg="100%">
     //Some columns
    </div>

</div>

这是我的代码的 flex 布局结构。当屏幕尺寸小于大时，我有 3 列在 Chrome 中连续出现，没有间隙。

但在 Safari 中，它显示这些列之间有 48px 的间隙。

我该如何解决？

标签： angularsafariangular-flex-layout

解决方案

推荐阅读