line-height: 1.428571429;Tại sao Bootstrap đặt thànhline-height giá trị này?
( Một số chủ đề làm tròn đến 1.42857143.)
Câu trả lời:
Chiều cao dòng được xác định bằng cách chia kích thước chiều cao dòng được nhắm mục tiêu cho kích thước phông chữ. Trong ví dụ này, Bootstrap đang căn cứ chiều cao dòng của họ với cỡ chữ 14px. Chiều cao của dòng đích là 20px:
20px ÷ 14px = 1.428571429
Khi xác định chiều cao dòng của bạn, bạn muốn đảm bảo rằng bạn có nhiều khoảng trắng giữa các hàng. Điều này cho phép lên và xuống mà không xâm nhập vào các hàng khác. Ngoài ra có không gian trắng rộng rãi cho phép mắt bạn phát triển nhịp điệu thị giác trong khi đọc.
Ngoài ra, việc giữ cho đơn vị chiều cao không có đơn vị làm cho nó linh hoạt hơn. Để biết thêm thông tin, hãy xem bài đăng của Eric Meyer về điều này từ tháng 2 năm 2006.
line-heightgây ra sự mờ nhạt bất thường trong IE11, khiến tôi nghi ngờ nó. Câu trả lời hoàn toàn có ý nghĩa, nhưng làm tròn số chỉ thành một vài vị trí thập phân có lẽ sẽ thận trọng thay cho Bootstrap.