พร็อพเพอร์ตี้สัดส่วนภาพ CSS

พร็อพเพอร์ตี้ CSS ที่ช่วยรักษาระยะห่างในเลย์เอาต์ที่ปรับเปลี่ยนตามอุปกรณ์

Una Kravets

สัดส่วนภาพ

การรองรับเบราว์เซอร์

  • Chrome: 88
  • Edge: 88
  • Firefox: 89
  • Safari: 15.

แหล่งที่มา

สัดส่วนภาพมักแสดงเป็นจำนวนเต็ม 2 ตัวและคอลอนในมิติข้อมูลของรูปแบบต่อไปนี้ ความกว้าง:ความสูง หรือ x:y สัดส่วนภาพที่พบบ่อยที่สุดสำหรับการถ่ายภาพคือ 4:3 และ 3:2 ส่วนวิดีโอและกล้องสำหรับผู้บริโภครุ่นใหม่ๆ มีแนวโน้มที่จะใช้สัดส่วนภาพ 16:9