img {max-width: 100%;}

max_img_h = 100;
max_img_w = 100;

function resize_me(img) {
  if ((img.width > max_img_w || (img.height > max_img_h)) {
    if (img.width > img.height) {
       img.width = max_img_w;
       img.height = parseInt(img.height*img.width/max_img_w);
    } else {
       img.height = max_img_h;
       img.width = parseInt(img.width*img.height/max_img_h);
    }
  }
}

:

<img onload="resize_me(this);" ...>

<script type="text/javascript">
max_img_h = 100;  // 圖片的最大高
max_img_w = 100; // 圖片的最大寬

// 重新調圖片大小
function resize_me(img) {
  // 圖片太大了 ?
  if ((img.width > max_img_w || (img.height > max_img_h)) {
    // 縮小但保持高/寬比率

    // 如果圖片原來的寬度 > 高度，把寬度設為最大寬，
    // 高度設為 = 原高度 * 原寬度 / 最大寬。
    if (img.width > img.height) {
       img.width = max_img_w;
       img.height = parseInt(img.height*img.width/max_img_w);
    } else {
       img.height = max_img_h;
       img.width = parseInt(img.width*img.height/max_img_h);
    }
  }
}
</script?
:

<!-- onload 事件會在圖片載入時，也就是圖片大小知道的時候發生 -->
<img onload="resize_me(this);" ...>