那要用JS
给你个思路

首先侦测一下图片所在的单元格（假定你用表格布局）的clientWidth，和你图片实际的尺寸做比较，如果实际的宽小于等于clientWidth，那不动，如果大于的话，就用clientWidth的尺寸做图片新的宽度，高度么按比例缩小，当然，clientWidth只是一个允许最大宽度的标准，你也可以直接定最大宽度=500，或者clientWdith的90%等等。

先前给我的网站写过一个简单的。

function when_load(){
  objs=document.getElementById("detail")
  if(objs){
    imgs=objs.getElementsByTagName("IMG")
    var width=580
    for(i=0;i<imgs.length;i++){
      imgwidth=imgs[i].width
      imgheight=imgs[i].height
      imgs[i].alt="原图尺寸："+imgwidth+"x"+imgheight
      if (imgs[i].width>width){
        imgs[i].width=width
        imgs[i].height=width*imgheight/imgwidth
      }
    }
  }
}

只要是在id为detail的标签里的图片，其最大宽度=580