ใช้ CSS เพื่อปรับขนาดรูปภาพโดยอัตโนมัติ
ผู้เขียน：Eve Cole
เวลาอัปเดต：2009-06-12 17:47:59
ปัญหาของการปรับขนาดรูปภาพโดยอัตโนมัติเป็นปัญหาที่พบบ่อยระหว่างการผลิตในแต่ละวัน ต่อไปนี้เป็นวิธีแก้ปัญหาที่ค่อนข้างง่าย:
div img {
ความกว้างสูงสุด:600px;
//ความกว้างสูงสุดสำหรับ IE7, FF และเบราว์เซอร์อื่นที่ไม่ใช่ IE คือ 600px;
ความกว้าง:600px;
//ขนาดของรูปภาพในเบราว์เซอร์ทั้งหมดคือ 600px;
width:expression(document.body.clientWidth>600?"600px"auto");
//เมื่อรูปภาพมีขนาดใหญ่กว่า 600px รูปภาพจะถูกลดขนาดเป็น 600px โดยอัตโนมัติ
ล้น: ซ่อน;
-
