วิธีปรับรูปภาพหน้าเว็บให้เข้ากับขนาดของหน้าเว็บโดยไม่ทำให้ตารางแตก

ใช้คุณสมบัติ CSS ใหม่ของ IE5.5 หรือสูงกว่า ใช้ JS เพื่อตรวจสอบว่าขนาดรูปภาพใหญ่กว่าค่าคงที่ และใช้ ZOOM เพื่อสร้าง

ไฟล์ลักษณะการทำงานชื่อ Zoom.htc โค้ดจะเป็นดังนี้:

<public:attach เหตุการณ์ = "oncontentready" "" onevent = "zoom ()" />

<script language = "javascript">

ฟังก์ชั่นซูม () {

if (this.width>760)this.style.zoom=1/(width/760) ; //ZOOM= 1 หารด้วย (ความกว้างหารด้วยความกว้างที่ระบุ)

}

</script>

ใช้ลักษณะการทำงานนี้อย่างเป็นรูปธรรม
เพิ่มโค้ดต่อไปนี้ลงในเว็บเพจ:

<style>
.hyperlook img { behavior:url('zoom.htc')} //ให้ความสนใจกับเส้นทางของ ZOOM.htc
</style>

สุดท้ายเพิ่ม: <div class="hyperlook"> </div> ก่อนและหลังตำแหน่งที่ต้องควบคุม

ข้างต้นเป็นเพียงวิธีแก้ปัญหาใน IE