我正在执行以下操作以显示带有图像的新闻项目。它适用于 320 宽度的设备,但是我们可以为 240 设备做些什么,因为我将图像浮动到右侧,它会下降,使用 % 与 div (而不是表格)也是明智的
<div style="padding:10px;height: 100px;border-bottom: red 1px dashed">
<div style="width: 56%; float: left; padding-right: 10px;">
<span style="font-size: 14px; display: block; color: #cccccc">
Pune, the team to beat
</span>
<span style="font-size: 16px">
Ruthless Gayle
</span>
</div>
<div style="width: 40%; float: right">
<img src="../images/src.jpg" width="120px" height="80px" />
</div>
</div>
请让我们知道如何更好地做到这一点。我们是否应该减少小宽度设备的字体。而且,还有关于图像大小的问题。