Ionic PopupカスタムCSS iOSの問題

Question

ポップアップCSSをカスタマイズして固定位置にし、画面の中央に水平に配置しました。 Android搭載端末では正しく表示されますが、iOSでは正しく表示されます。以下はiOSとAndroid用のCSSとスクリーンショットです。 iOSでこの問題を解決するにはどうすればよいですか？

.credit-deny-popup .popup { 
    position: fixed; 
    top: 60px; 
    margin-left:auto; 
    margin-right:auto; 
    width: 250px; 
    height: 250px; 
} 
.credit-deny-popup .popup-title { 
    font-weight: bold; 
    font-size: larger; 
    color: #FFFFFF; 
} 
.credit-deny-popup .popup-head { 
    background-color: #387EF5; 
} 

iOSのスクリーンショット

Androidのスクリーンショット

事前にありがとうございます！

Answer 1

@DaDannyさんが提案したように、https://forum.ionicframework.com/t/ionic-popup-position/111102/4で問題が修正されました。私はCSSにも左右に追加する必要があった。

.credit-deny-popup .popup { 
    position: fixed; 
    top: 60px; 
    margin-left:auto; 
    margin-right:auto; 
    left: 0; 
    right: 0; 
    width: 250px; 
    height: 250px; 
}