1. ホーム
  2. twitter-bootstrap

[解決済み] Bootstrapがline-heightプロパティを1.428571429に設定する理由は何ですか?

2022-06-19 17:33:53

質問

line-height: 1.428571429;

なぜ ブートストラップは line-height をこの値に設定しますか?

( いくつかのテーマ は1.42857143に丸めます)。

どのように解決するのですか?

line-heightは、対象となるline-heightのサイズをfont-sizeで割ることによって決定されます。この例では、Bootstrap は 14px のフォント サイズから line-height を決定しています。ターゲットline-heightは20pxです。

20px ÷ 14px = 1.428571429

行の高さを決めるとき、行と行の間に十分な余白があることを確認したいものです。これにより、他の行に干渉することなく、昇順や降順が可能になります。また、十分な余白があることで、読みながら視覚的なリズムを身につけることができます。

また、ラインハイトを無単位にすることで、より汎用性の高いものになります。詳しくは Eric Meyer の 2006 年 2 月の投稿を参照してください。