素材デザインのダイアログ本体にiPad上で高さがない理由

Question

angularjsとmaterial-designを使用しているWebアプリケーションがあります。

私はmd-dialogを使用して、データベースから特定のレコードを追加および編集しています。これは応答性があり、IE以外のすべてのブラウザでデスクトップ上で期待どおりに動作します（驚くことはありません）。これはそれが見えている方法です。

私はMac上safari内のアプリケーション、または（クロムを含む）iOS上の任意のブラウザを実行する場合は、ダイアログは（何の高さを持っていない）の内容を利用できないようです。

IEは正確に同じ問題を持っていませんが、似ているように見えるん。だから、iOSがどのようにflex属性をレンダリングするかは問題だと思います。しかし、私はわからないし、私のiPadで確認する方法を知らない。

これまでの検索ではこの問題の解決策はありませんでしたが、他の人が同じ質問をしているのを見てきました。

この問題の原因を教えてください。 iPad用に修正するにはどうすればよいですか？

UPDATE

これは、ダイアログは、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> 

私は要素を変更し、このようなflexを削除する場合：

<md-dialog-content class="flex" id="dialogContent_140"> 

本文の内容（少なくとも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で動作するようにできるようにする必要があります。

Answer 1

（例えばIE、IOSのブラウザ...）私たちはflex="auto"またはflex="100"のように、flexに値を追加することを検討すべきである、それはanuglar-materialは、これらのブラウザ上で微しまうのに役立ちます。

Answer 2

私の問題の原因が見つかりました。私を正しい方向に動かすための@トラン・カン・グエンのおかげです。

ダイアログが定義されたときに、誰かが<md-dialog-content flex>を追加しました。私はflexを削除し、問題をすべてのデバイスで修正しました。いくつかの特別なブラウザとの詳細については、