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