弹性布局（使用 angular material）在某些平台上中断

Question

我的滚动容器的内容在例如在 iPad 上查看时停止滚动。我怎样才能防止 children 折叠成自己并滚动？

我不知道这是否是一个特定的 material 问题，或者这是 flex 在不同浏览器上的工作方式，但我看到了这个：

这是 HTML 输出的清理版本：

<md-content class="layout-column flex">
    <div class="layout-column">
        <div class="layout-padding layout-column">
            <div class="layout-column" ng-repeat="item in items track by $index">
                <div class="layout-margin layout-row">
                    <!--more stuff inside with various layout rules-->
                </div>
                <div class="layout-column">
                    <!--more stuff inside with various layout rules-->
                </div>
            </div>
        </div>
    </div>
</md-content>

Answer 1

这种情况发生在某些具有嵌套 scrolling/flex 元素的浏览器中，例如嵌套 md-content 元素

弹性布局（使用 angular material）在某些平台上中断

flex layout (using angular material) breaks on some platforms

html

css

flexbox

angularjs

angular-material