이오니아 팝업 맞춤 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; 
} 

아이폰 OS 스크린 샷

안드로이드 스크린 샷

사전에 감사합니다!

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