Phonegap에서 css 센터링이 작동하지 않습니다.

Question

아래에 텍스트가있는 이미지를 가운데에 놓으려고합니다. Chrome에서 표시 할 때 잘 작동합니다. Opera Mobile을 사용하는 에뮬레이터에서도 잘 작동합니다. 그러나 html/css 파일로 내 phonegap 앱을 만들면 이미지가 Android에서 실행될 때 중심에 위치하지 않습니다.

.centered { 
    width: 100%; 
    height: auto; 
    position: fixed; 
    top: 20%; 
    text-align:center; 
} 

어떤 아이디어 : 여기

내 CSS는 무엇입니까?

Answer 1

덕분에이 position: fixed;에 문제가 될 수 있을까?

예를 들어보십시오.

.centered { 
    width: 100%; 
    height: auto; 
    position: absolute; 
    top: 20%; 
    right: 0px; 
    bottom: 20%; 
    left: 0px; 
    margin: auto; 
    text-align: center; 
} 

Answer 2

이 시도 :

.centered { 
width: 100%; 
height: auto; 
position: fixed; 
top: 20%; 
text-align:center; 
-webkit-backface-visibility: hidden; 
} 

Answer 3

나는 이미지의 폭을 정의하고

.centered{ 
margin:0 auto; 
} 

를 사용하는 것이 좋습니다