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

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

どしてブートストラップセットline-heightこの値に?

いくつかのテーマこれを 1.42857143 に丸めます。

ベストアンサー1

行の高さは、目標の行の高さのサイズをフォント サイズで割ることによって決定されます。この例では、Bootstrap は 14 ピクセルのフォント サイズを基準にして行の高さを設定しています。目標の行の高さは 20 ピクセルです。

20ピクセル÷14ピクセル = 1.428571429

行の高さを決めるときは、行間に十分な空白があることを確認してください。これにより、他の行に干渉することなくアセンダとディセンダを配置できます。また、十分な空白があると、読むときに視覚的なリズムが生まれます。

また、行の高さを単位なしにしておくと、より汎用的になります。詳細については、これについては、2006 年 2 月の Eric Meyer の投稿を参照してください。

おすすめ記事