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
quelle
Antworten:
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.
quelle
line-height
Ursache 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.