我們在做網頁時往往要用圖片來說明一些問題，但是有些圖片尺寸過大，把用來布局的表格給撐大了，如果每個圖片都修改其尺寸，又顯得非常麻煩，下面給出利用Javascript結合CSS屬性來控制圖片大小的方法。

在IE5.5以上版本中，用JS判斷圖像的尺寸，如果圖像的尺寸大于一個定值時，用ZOOM進行縮放：

首先，建立一個名為zoom.htc 的behavior文件，并寫入如下代碼：

<public:attach event="oncontentready"" onevent="zoom()" />
<script language="javascript">
function zoom(){
     if(this.width>700)   this.style.zoom = 1/(width/700);    //ZOOM= 1 除以（寬除以規定寬度）
}
</script>

其次，在網頁中加入如下代碼：

<style>
          .hyperlook img { behavior:url('zoom.htc')} //注意ZOOM.htc的路徑
        </style>

最后，在需要控制的地方的前后加入：<div class="hyperlook"> </div>

怎么樣，測試一下效果如何吧，但是以上解決方案只在ie5.5以上有效。