line-height: 1.428571429;
Dlaczego Bootstrap ustawialine-height tę wartość?
( Niektóre motywy zaokrąglają go do 1.42857143.)
line-height: 1.428571429;
Dlaczego Bootstrap ustawialine-height tę wartość?
( Niektóre motywy zaokrąglają go do 1.42857143.)
Odpowiedzi:
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.
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.