ลดขนาดหรือขยายเป็นขนาดที่กำหนด สำหรับเบราว์เซอร์มาตรฐาน (เช่น Firefox) หรือเบราว์เซอร์ IE7 เวอร์ชันล่าสุด
เพียงใช้คุณสมบัติ CSS ความกว้างสูงสุด ความสูงสูงสุด หรือความกว้างขั้นต่ำ ตัวอย่างเช่น:
img{max-width:100px;max-height:100px;}
img{ความกว้างขั้นต่ำ:100px;ความสูงขั้นต่ำ:100px;}
สำหรับเบราว์เซอร์ IE6 และต่ำกว่า คุณสามารถใช้แอตทริบิวต์นิพจน์ที่สนับสนุนเพื่อฝังโค้ด JavaScript ในโค้ด CSS ได้
เพื่อให้บรรลุถึงขนาดภาพ scaling.thumbImage
{max-width: 100px;max-height: 100px;} /* สำหรับ Firefox & IE7 */
* html .thumbImage { /* สำหรับ IE6 */
ความกว้าง: นิพจน์ (this.width > 100 && this.width > this.height ? 100 : auto);
ความสูง: นิพจน์ (this.height > 100 ? 100 : อัตโนมัติ);
-