1

下にテキストがある画像を中央に配置しようとしています。クロムで表示するとうまくいきます。また、Opera Mobile を使用したエミュレーターでも問題なく動作します。しかし、html/css ファイルを使用して phonegap アプリを作成すると、Android で実行すると画像が中央に表示されなくなります。

これが私のcssです：

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

何か案は？

ありがとう

4

3 に答える 3

1

これは問題になる可能性がありposition: fixed;ますか？

たとえば試してみてください。

.centered {
    width: 100%;
    height: auto;
    position: absolute;
    top: 20%;
    right: 0px;
    bottom: 20%;
    left: 0px;
    margin: auto;
    text-align: center;
}
于 2013-10-06T20:29:44.857 に答える
0

これを試して：

.centered { 
width: 100%;
height: auto; 
position: fixed; 
top: 20%; 
text-align:center; 
-webkit-backface-visibility: hidden;
}
于 2013-10-06T21:15:45.577 に答える