HTML图像在Android上的Cordova / Phonegap应用程序中变形

时间:2014-06-19 18:34:20

标签: android html css cordova

我正在使用Cordova / Phonegap开发Android应用程序,它运行正常!但是我遇到了一个问题。在大多数设备上,我顶部的徽标看起来很好并且显示正确:

Good Logo

但在某些Android设备上,图像变形了:

Bad and deformed Logo

Image的大小为200px x 50px,此大小也在HTML img-attribute和CSS文件中定义。

这是我的HTML代码:

<meta name="viewport" content="width=device-width, initial-scale=1"> 

[...]

<div id="topLogo">
    <center><img src="media/images/strikefm-logo-small-top.png" width="200" height="50" /></center>
</div>

这是我的CSS代码:

#topFixed #topLogo {
    width:100%;
    height:62px;
    position:fixed;
    top:0;
    left:0;
    z-index:1;
    background-color:#ffffff;
}

#topFixed #topLogo img {
    position:relative;
    top:9px;
    width:200px !important;
    height:50px !important;
}

有谁知道这个问题的解决方案?

谢谢!

0 个答案:

没有答案