Mengapa Bootstrap mengatur properti line-height ke 1.428571429?

Jawaban:

177

Ketinggian garis ditentukan dengan membagi ukuran tinggi garis yang ditargetkan dengan ukuran font. Dalam contoh ini, Bootstrap mendasarkan ketinggian garisnya dari ukuran font 14px. Tinggi garis target adalah 20px:

20px ÷ 14px = 1.428571429

Saat menentukan tinggi garis Anda, Anda ingin memastikan Anda memiliki ruang putih yang cukup di antara baris Anda. Hal ini memungkinkan untuk naik dan turun tanpa mengganggu pada baris lainnya. Juga memiliki ruang putih yang cukup memungkinkan mata Anda untuk mengembangkan irama visual saat membaca.

Selain itu, menjaga ketinggian garis-unit menjadi lebih fleksibel. Untuk informasi lebih lanjut, lihat posting Eric Meyer mengenai hal ini mulai Februari 2006.

Hynes
sumber
2
Saya akan menanyakan hal yang sama. Sepertinya pertanyaan ini muncul secara teratur. Mungkin kode dev Bootstrap harus memiliki komentar penjelasan cepat.
ivanjonas
1
Saya kira ini bukan pertanyaan bodoh. Saya telah melihat line-heightketidakjelasan penyebab tidak teratur ini di IE11, yang membuat saya mempertanyakannya. Jawabannya masuk akal, tetapi membulatkan angka menjadi hanya beberapa desimal mungkin lebih bijaksana atas nama Bootstrap.
aminimalanimal