0

hy,我有以下结构:

<div fxLayout="row" fxLayout.xs="column" fxLayoutAlign="space-around start" fxLayoutGap="2%" style="padding:2%;">


    <div fxFlex style="line-height:2;">

        <md-card>

                <md-card-content>

                   <div [outputext]="textt"></div>

                </md-card-content>


            </md-card>


    </div>


    <div fxFlex fxFlexFill style="margin-right:30px;">

        <md-card>

            <md-card-content>

                <div [outputext]="text"></div>

            </md-card-content>

        </md-card>

    </div>

</div>

现在由于某种原因,它只能在桌面浏览器和一些较旧的移动设备上运行(如预期的那样),但在一些新手机上,内容超出了弹性容器。任何人都可以提出任何建议并解释为什么会这样吗?我期望的是宽屏幕上的一行和小屏幕上的一列。我flex-layout用于我的网站布局(以及重新排列)。所以现在我开始考虑选择flex-layout网站布局是否正确。我已经阅读了一些通过更改屏幕更改属性来使用md-grid-list的解决方案cols,但我对此表示怀疑,因为我看到它需要一些额外的代码来确定屏幕更改的时刻,因为网格列表不会自行完成。

4

1 回答 1

0

这都是关于浏览器兼容性的。如果他们支持CSS 灵活框布局模块,他们将正确运行您的代码。

刚才说的都写了项目的官方GitHub页面里。

angular 的 Flex-layout 仍然不稳定且相对较新,仍有很多变化。如果您仅查看添加和删除图表,您会发现上个月发生了很多变化。很难说继续使用 flex-Layout 是否有利可图,或者只是改变一些更稳定的东西。

于 2017-10-03T22:28:02.503 回答