Pourquoi Bootstrap définit-il la propriété line-height sur 1,428571429?

133

line-height: 1.428571429;

Pourquoi Bootstrap est-il définiline-height sur cette valeur?

( Certains thèmes l' arrondissent à 1.42857143.)

twitter-bootstrap css

— Ziyu Zhou
source

Ils utilisent également 1.4285714286 dans certaines versions.

— natevw

177

La hauteur de ligne est déterminée en divisant la taille de hauteur de ligne ciblée par la taille de police. Dans cet exemple, Bootstrap baseline leur hauteur de ligne sur une taille de police de 14px. La hauteur de ligne cible est de 20 px:

20px ÷ 14px = 1,428571429

Lors de la détermination de la hauteur de votre ligne, vous voulez vous assurer que vous disposez d'un espace blanc suffisant entre vos lignes. Cela permet des ascendeurs et des descendants sans empiéter sur d'autres lignes. Avoir également un grand espace blanc permet à vos yeux de développer un rythme visuel pendant la lecture.

Le fait de garder la hauteur de ligne sans unité le rend également plus polyvalent. Pour plus d'informations, voir l'article d'Eric Meyer à ce sujet de février 2006.

— Hynes
source

J'allais demander la même chose. On dirait que cette question revient régulièrement. Peut-être que le code de développement Bootstrap devrait avoir un commentaire explicatif rapide.

— ivanjonas

Je ne pense pas du tout que ce soit une question idiote. J'ai vu ce line-heightflou de cause irrégulière dans IE11, ce qui m'a fait remettre en question. La réponse est tout à fait logique, mais arrondir le nombre à seulement quelques décimales serait probablement prudent au nom de Bootstrap.

— aminimalanimal