line-height: 1.428571429;
ทำไมBootstrapline-height
ถึงตั้งค่าเป็นค่านี้
( บางธีมปัดเศษเป็น 1.42857143)
line-height: 1.428571429;
ทำไมBootstrapline-height
ถึงตั้งค่าเป็นค่านี้
( บางธีมปัดเศษเป็น 1.42857143)
คำตอบ:
ความสูงของบรรทัดกำหนดโดยการแบ่งขนาดความสูงของบรรทัดที่กำหนดเป้าหมายด้วยขนาดแบบอักษร ในตัวอย่างนี้ Bootstrap ใช้ความสูงของบรรทัดจากขนาดตัวอักษร 14px ความสูงของบรรทัดเป้าหมายคือ 20px:
20px ÷ 14px = 1.428571429
เมื่อพิจารณาความสูงของบรรทัดคุณต้องแน่ใจว่าคุณมีช่องว่างระหว่างแถวเพียงพอ สิ่งนี้ช่วยให้ผู้ขึ้นและผู้สืบเชื้อสายโดยไม่รุกล้ำแถวอื่น ๆ นอกจากนี้การมีพื้นที่สีขาวที่กว้างขวางยังช่วยให้ดวงตาของคุณพัฒนาจังหวะภาพขณะอ่าน
นอกจากนี้การรักษาความสูงของบรรทัดยังทำให้ใช้งานได้หลากหลายมากขึ้น สำหรับข้อมูลเพิ่มเติมโปรดดูโพสต์ของ Eric Meyer เมื่อเดือนกุมภาพันธ์ 2549
line-height
สาเหตุนี้ใน IE11 ซึ่งทำให้ฉันสงสัย คำตอบนั้นสมเหตุสมผล แต่การปัดเศษตัวเลขให้เหลือเพียงไม่กี่ตำแหน่งทศนิยมอาจเป็นไปได้ในนามของ Bootstrap