I've built a UI that looks fine on iPhone4, iPad 3, PC etc. When viewed on Android (HTC Desire C, ICS 320x480 screen). All the icons are too large. see screenshot.
the same xml is being used for all the devices. For example the logo in the top right is 150x45 pix and the xml is:
<plugin name="tr-1"
align="topright" x="35" y="35"
url="../hotspots/trek-logo.png"
alpha="0.8"
keep="true"
onhover="showtext('Virtual Tour created by Trek Wireless ',hotspottextstyle);"
onclick="openurl(links/trekwireless.htm)"
/>
Problem seems to be that all the icons are simply too big for the screen. Is there a simple way to rescale other than trying to detect the actual screen size (I'm currently using the desktop, tablet and mobile tags) and the scaling all the icons down?
Thanks in advance.
Tim