我們?cè)谧鼍W(wǎng)頁(yè)時(shí)往往要用圖片來說明一些問題，但是有些圖片尺寸過大，把用來布局的表格給撐大了，如果每個(gè)圖片都修改其尺寸，又顯得非常麻煩，下面給出利用Javascript結(jié)合CSS屬性來控制圖片大小的方法。

在IE5.5以上版本中，用JS判斷圖像的尺寸，如果圖像的尺寸大于一個(gè)定值時(shí)，用ZOOM進(jìn)行縮放：

首先，建立一個(gè)名為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 除以（寬除以規(guī)定寬度）
}
</script>

其次，在網(wǎng)頁(yè)中加入如下代碼：

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

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

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