Ionic Popup 自定义 CSS iOS 问题

Question

我已经自定义了 Popup css 使其处于固定位置并在屏幕中央水平对齐。它在 Android 设备中正确显示，但在 iOS 中显示方式不正确。下面是我的 css 以及 iOS 和 Android 的屏幕截图。如何解决 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 中添加 left 和 right。

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

Ionic Popup 自定义 CSS iOS 问题

Ionic Popup Custom CSS iOS issue

popup

ios

ionic-v1