Javascript 根据分辨率调整图像大小

我一直在开发一个1440*900分辨率显示器上的网站。该页面有许多网格状结构排列的图像。它们之间的图像大小和间距是根据我使用的显示器设置的。但是当我在1280*800屏幕分辨率的显示器上进行测试时，图像对于屏幕来说似乎太大了（正如预期的那样）！！ 有谁能建议如何根据用户的屏幕分辨率调整图像大小和间距。。

---

Thanx..

您可以结合使用css媒体查询和设置css中图像的宽度。因此，对于屏幕大小最大宽度1440，css图像宽度将设置为

width:200px例如。然后，对于屏幕大小最大宽度1280，将图像宽度设置为其他值，如
width:120px

这里有一个很好的媒体查询教程：
您还可以尝试设置图像宽度相对于父容器的百分比。比如说

<div class="imgWrapper">
<img src="something.jpg">
</div>

如果图像上的宽度不变，而不同部分的宽度不同：

除宽度外，增加最大宽度：100%
 您可以使用%进行测量。然后每次都有相同的元素大小与屏幕大小的比率。
.imgWrapper img {
width:100%;
}