图像对齐不同屏幕宽度的phonegape中的问题

时间:2013-04-23 13:56:06

标签: android html5 css3 cordova jquery-mobile

http://i38.tinypic.com/2n1ie1e.jpg这是我要在phonegap中为所有屏幕尺寸高度和宽度创建的图像是我的代码..

HTML

<div id="home">
<div id="main" data-role="content" data-position="fixed" align="justify">

<div id="left" data-position="fixed"> 
<p><img src="css/myimg/pic7.png"/></p>
<p><img src="css/myimg/pic4.png"/></p>
<p><img src="css/myimg/pic5.png"/></p>
</div>

<div id="right" data-position="fixed"> 
<p><img src="css/myimg/pic1.png" /></p>
<p><img src="css/myimg/pic2.png"/></p>
<p><img src="css/myimg/pic3.png" /></p>
</div>
</div>
</div>

CSS

#left{float=left;}
#right{float=right;}

它的结果很好,但不适用于不同的屏幕尺寸,因为当屏幕宽度较小时,它显示在一列中,因此我创建这样的动态页面的原因是注意所有图像大小相同,显示在图像中链接。

感谢

0 个答案:

没有答案