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

133

line-height: 1.428571429;

Warum wird Bootstrapline-height auf diesen Wert gesetzt?

( Einige Themen runden es auf 1.42857143 ab.)

twitter-bootstrap css

— Ziyu Zhou
quelle

In einigen Versionen wird auch 1.4285714286 verwendet.

— Natevw

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

Ich wollte das Gleiche fragen. Diese Frage wird anscheinend regelmäßig gestellt. Vielleicht sollte der Bootstrap-Entwicklungscode einen kurzen erklärenden Kommentar enthalten.

— ivanjonas

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