サファリとイオスでは、イオニック、サブヘッダが異なるレンダリング

Question

ちょっと、CSSのレンダリングに問題があります。私はこのページをiosとsafariで実行しています。

これはサファリです：

これはデバイスです：私のスタイルがある

：

.subheader-large { 
    position: absolute; 
    top: 44px; 
    /*height: 44px;*/ 
    line-height: 44px; 
    height: 44px; 
    line-height: 44px; 
    margin: 0; 
    padding: 0; 
    z-index: 30; 
    background-color: white; 
} 

と内容はである：

.has-subheader { 
    top: 88px; 
} 

Answer 1

は、解決策を見つけたデバイス上で実行されているコンテンツのdivを見てみた後、私は別のルールが適用されていた気づいた、とにかく私は、次のルールを追加しました：

.platform-ios.platform-cordova:not(.fullscreen) .subheader-large { 
    top: 64px; 
} 

今intentedとして、それは動作します。