twitter-bootstrap - Bootstrap が line-height プロパティを 1.428571429 に設定するのはなぜですか?

Question

line-height: 1.428571429;

Bootstrapline-heightがこの値に設定されるのはなぜですか?

(一部のテーマでは、1.42857143 に丸められます。)

Answer 1

行の高さは、目標の行の高さのサイズをフォント サイズで割ることによって決定されます。この例では、Bootstrap は 14px のフォント サイズから行の高さを基準にしています。ターゲットの行の高さは 20px です。

20px ÷ 14px = 1.428571429

行の高さを決定するときは、行間に十分な余白があることを確認してください。これにより、他の行に干渉することなく、アセンダーとディセンダーが可能になります。また、十分な余白があると、読書中に目が視覚リズムを発達させることができます.

また、行の高さを単位なしに保つことで、より用途が広くなります。詳細については、これに関する Eric Meyer の 2006 年 2 月の投稿を参照してください。