Sunday, 15 June 2014

HTML Image is deformed in Cordova/Phonegap App on Android -



HTML Image is deformed in Cordova/Phonegap App on Android -

i'm developing android app cordova/phonegap , works fine! i've got 1 problem. on of devices logo @ top looks , displayed right:

but on android devices image deformed:

the image has size of 200px x 50px , size defined in html img-attribute , in css file, too.

here html code:

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

here css code:

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

does knows solution problem?

thanks!

android html css cordova

No comments:

Post a Comment