css centrovanie nefunguje v Phonegap - android, html, css, cordova

Snažím sa centrovanie obrazu s určitým textomnaspodku. Funguje dobre, keď zobrazujem v chrome. To tiež funguje dobre na emulátor pomocou Opera Mobile. Keď však vytvorím aplikáciu phonegap so súbormi html / css, obrázok sa pri spustení v systéme Android odmietne uprostred.

Tu je môj css:

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

Nejaké nápady?

Vďaka

odpovede:

Mohol by to byť problém s position: fixed;?

Skúste napr.

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

Skúste to:

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

Odporúčam definovať šírku vášho obrázka a jeho použitie

    .centered{
margin:0 auto;
}