Warum setzt Bootstrap die Eigenschaft für die Zeilenhöhe auf 1.428571429?

Antworten:

177

Die Zeilenhöhe wird bestimmt, indem die angestrebte Zeilenhöhe durch die Schriftgröße geteilt wird. In diesem Beispiel berechnet Bootstrap die Zeilenhöhe anhand einer Schriftgröße von 14 Pixel. Die Ziellinienhöhe beträgt 20px:

20px ≤ 14px = 1,428571429

Wenn Sie Ihre Zeilenhöhe bestimmen, möchten Sie sicherstellen, dass zwischen Ihren Zeilen ausreichend Leerraum vorhanden ist. Dies ermöglicht Auf- und Abwärtsbewegungen, ohne in andere Reihen einzudringen. Durch den großen weißen Raum können Ihre Augen beim Lesen einen visuellen Rhythmus entwickeln.

Wenn Sie die Zeilenhöhe nicht ohne Einheit halten, ist sie vielseitiger einsetzbar. Weitere Informationen finden Sie in Eric Meyers Beitrag dazu vom Februar 2006.

Hynes
quelle
2
Ich wollte das Gleiche fragen. Diese Frage wird anscheinend regelmäßig gestellt. Vielleicht sollte der Bootstrap-Entwicklungscode einen kurzen erklärenden Kommentar enthalten.
ivanjonas
1
Ich denke nicht, dass dies eine dumme Frage ist. Ich habe gesehen, dass diese unregelmäßige line-heightUrsache Unschärfe in IE11 verursacht, was mich dazu brachte, sie in Frage zu stellen. Die Antwort ist völlig sinnvoll, aber eine Rundung der Zahl auf nur ein paar Dezimalstellen wäre für Bootstrap wahrscheinlich ratsam.
Aminimalanimal