[解決済み] 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 月の投稿を参照してください。
関連
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] Bootstrap:Bootstrapのバージョンを識別する方法は?
-
[解決済み] textareaのresizableプロパティを無効にするにはどうしたらよいですか?
-
[解決済み] B-tableのBootstrapVue条件列
-
[解決済み] CSSのdisplayプロパティで遷移する
-
[解決済み] divの内容を下に揃える方法
-
[解決済み] Bootstrapの列をすべて同じ高さにするにはどうしたらいいですか?
-
[解決済み] CSSセレクタの"~"(チルダ/スクイグル/ツイドル)はどういう意味ですか?
-
[解決済み] テーブル内のテキストアラインクラス
-
[解決済み] TwitterのPopoverでdivをコンテンツとして使用することは可能ですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] Twitter Bootstrapのボタンを右寄せにするにはどうしたらいいですか?
-
[解決済み】Twitter bootstrapのモーダルバックドロップが消えない件
-
[解決済み】TwitterのBootstrapを使ってインラインでリストを表示する方法
-
[解決済み】twitter bootstrap 2で送信ボタンにアイコンを追加する。
-
[解決済み】Bootstrapを使用したフォームのマークエラーについて
-
[解決済み] Twitter Bootstrap 3.0 どのように私は今 "バッジバッジ重要 "するのですか?
-
[解決済み】Bootstrap 3 ナンバーバーの折りたたみについて
-
[解決済み] Bootstrap 3 のスタックドタブ
-
[解決済み] bootstrap 4 responsive utilities visible / hidden xs sm lg not working.
-
[解決済み] Bootstrapでテーブルの上にカーソルを置くと、カーソルの色を変更するにはどうすればよいですか?