Ios 为什么材质设计对话框主体在iPad上没有高度

我有一个使用

angularjs

和

materialdesign

的web应用程序

我使用

md dialog

添加和编辑数据库中的某些记录。这是响应性的，在我的桌面上，除了

IE

（没有太大的意外）之外，其他浏览器都可以使用它。应该是这样的

但是，如果我在Mac上的

safari

或

iOS

上的任何浏览器（包括chrome）中运行应用程序，则对话框似乎缺少内容（没有高度）

虽然

IE

没有完全相同的问题，但它确实看起来很相似。因此，我认为iOS如何呈现

flex

属性是一个问题。然而，我不确定，也不知道如何在我的iPad上确认

到目前为止，我的搜索还没有为这个问题提供任何有效的解决方案，但我看到其他人提出了同样的问题（尽管不是通过stack）

是什么导致了这个问题？ 我如何为iPad修复它

更新

以下是在html中呈现对话框的方式：

<md-dialog-content class="flex" id="dialogContent_140" flex>
    <form name="workerDialog" class="md-dialog-content ng-pristine ng-invalid-required ng-valid-mindate ng-valid-maxdate nd-valid-filtered ng-valid-valid ng-valid-minlength ng-valid-maxlength ng-valid-pattern ng-valid-unique" style>
        ...
    </form>
</md-dialog-content>

正文内容按预期显示（至少在MAC上）

我还可以修改

angular material.min.css中的css，并删除
-webkit flex
，
-ms flex
，
flex
，并获得相同的结果

[flex]{
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    box-sizing: border-box;
}

我无法在应用程序的其余部分完全禁用
flex
，但我必须允许它在iPad上工作。
我找到了问题的原因。感谢@Tran Khanh Nguyen为我指引了正确的方向

定义对话框时，有人添加了
。我删除了<代码> Flex ，并在所有设备上确定了问题。
 < P>更多信息，对于一些特殊浏览器（例如IE，iOS浏览器…），我们应该考虑添加<代码> Flex 的值，如<代码> Flex＝“Auto”< /Cl> >或<代码> Flex＝“100”< /C>这将有助于
anuglar材料
在这些浏览器上正常运行。
您能否提供示例代码，这将有助于轻松调查？我以前也对Ipad上的z-index和定位css有一些问题。我很乐意，但我不确定该提供什么。有很多代码，这不是“材质设计”对话框的特殊实现。我能提供什么使它更容易？很高兴听到它解决了您的问题！欲了解更多信息，使用一些特殊的浏览器（例如IE，iOS浏览器…），我们应该考虑添加<代码> flex < /> >的值，如<代码> Flex =“Auto”<代码>或<代码> Flex＝“100”< /代码>，这将有助于
anuglar材料
在这些浏览器上正常运行。添加此注释作为答案，我将接受：）在我的情况下，它是class
flex scrollable
[flex]{
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    box-sizing: border-box;
}