flex布局(使用角度材料)在某些平台上中断

时间:2015-11-27 22:01:42

标签: html css angularjs flexbox angular-material

我的滚动容器的内容在例如在iPad上查看时停止滚动。如何让孩子们不要瘫倒在自己身上并制作卷轴?

我不知道它是否特别是一个重大问题,或者它是否适用于不同浏览器的flex方式,但我看到了这一点:

differences between mobile and desktop

这是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>

1 个答案:

答案 0 :(得分:0)

在某些具有嵌套滚动/弹性元素的浏览器中会发生这种情况,例如嵌套的md-content elementes