ハイブリッドアプリを使用したiosデバイスの高さの問題

Question

私はアプリケーションでionicを使用しています。私のapp.Whenで高さを設定しているpxやパーセンテージは、すべてのアンドロイドデバイスではなく、ios.If iosデバイスのCSSの高さは.platform-iosを使用してください。すべてのiOSデバイスで同じではありません。 私はvhをiosに追加しましたが、まだすべてのiosデバイスで同じではありません。誰でも私に提案できます。

CSS： -

.appModal 
{ 
    height:120px; 
} 

.platform-ios .appModal 
{ 
    height:40vh; 
} 

ありがとうございました。

Answer 1

linkをご覧になることをおすすめします。

あなたはiOSの9.3 Safariとサポート上記のビューポートの高さと幅の測定vhとvw

古いiOSデバイスはこれらをサポートしていないことを確認することができ、より多くの情報については、そのリンク上の既知の問題]タブを参照してください。 vhが指定40vhが、古いブラウザ/デバイスが戻っ300px高さにtheresのエラーとデフォルトが表示されます使用するサポート

.class-name { 
    height: 300px; 
    height: 40vh; 
} 

ブラウザ：あなたはのようなものを使用することができ、フォールバックとして

。

注：より広くサポートされているCSSがマークアップの最初に表示されます。それ以外の場合は、新しいブラウザで上書きすることはできません。

Answer 2

この問題もあります。私が見つけた 最適なソリューションはJavaScriptを使用しているすべての場所をサポートされています;） コードは次のようなものになる：私はあなたが尋ねるしようとしているが、％ `の全体のポイントしている正確に何を理解していない可能性があります

var heighDevice = window.screen.height; 
    var FirstELement = document.getElementById('MyAppModal');//MyAppModal id element 
    var heightElm = (heighDevice * 40)/100; // 40 is height in vh 
    // add the height to the element 
    FirstELement.style["height"] = heightElm + "px";