Ionic Popup自定义CSS iOS问题

时间:2017-11-05 21:42:57

标签: ios popup ionic-v1

我已经定制了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屏幕截图

iOS Screenshot

Android屏幕截图

Android Screenshot

提前谢谢!

1 个答案:

答案 0 :(得分:0)

@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;
}