Dlaczego Bootstrap ustawia właściwość line-height na 1,428571429?

Odpowiedzi:

178

Wysokość linii jest określana przez podzielenie docelowego rozmiaru wysokości linii przez rozmiar czcionki. W tym przykładzie Bootstrap wyznacza linię bazową z rozmiaru czcionki 14 pikseli. Docelowa wysokość linii to 20 pikseli:

20px ÷ 14px = 1,428571429

Określając wysokość linii, upewnij się, że między wierszami jest wystarczająco dużo odstępów. Pozwala to na wznoszenie i opadanie bez naruszania innych rzędów. Duża ilość białej przestrzeni pozwala Twoim oczom rozwinąć wizualny rytm podczas czytania.

Również brak jednostek wysokości linii czyni ją bardziej wszechstronną. Więcej informacji można znaleźć we wpisie Erica Meyera z lutego 2006 r.

Hynes
źródło
2
Już miałem zapytać o to samo. Wygląda na to, że to pytanie pojawia się regularnie. Może kod deweloperski Bootstrap powinien zawierać krótki komentarz wyjaśniający.
ivanjonas
1
Myślę, że to wcale nie jest głupie pytanie. Widziałem tę nieregularną line-heightprzyczynę rozmycia w IE11, co skłoniło mnie do zakwestionowania tego. Odpowiedź ma sens, ale zaokrąglenie liczby do zaledwie kilku miejsc po przecinku byłoby prawdopodobnie rozsądne w imieniu Bootstrap.
aminimalanimal