4

からのヘッダーサイズは次のbootstrap.cssとおりです。

h1 {
  font-size: 38.5px;
}

h2 {
  font-size: 31.5px;
}

h3 {
  font-size: 24.5px;
}

これらのサイズが分数（半整数）であるという事実に驚きました。これは、それらの精度が少なくとも0.25px（1％未満）であることを示唆しています。

Webデザイナーはどのようにしてそのようなサイズに到達するのでしょうか。それらは何らかの科学的プロセス、おそらくいくつかの計算によって得られたのでしょうか？それとも、人々は自分のサイトをただ見つめ、それが正しいと感じるまでサイズで遊んでいますか？31.5pxデザイナーは、チームメイトに、それが単なるものではなく、本当にあるべきだとどのように納得させることができ31pxますか？

4

1 に答える 1

10

フォントサイズ31.5pxを正確に指定していません。代わりに、見出しの基本フォントサイズと係数を指定しています。コードを参照してください。

// file: variables.less
@baseFontSize:          14px;

// file: type.less
h1 { font-size: @baseFontSize * 2.75; } // ~38px
h2 { font-size: @baseFontSize * 2.25; } // ~32px
h3 { font-size: @baseFontSize * 1.75; } // ~24px
h4 { font-size: @baseFontSize * 1.25; } // ~18px
h5 { font-size: @baseFontSize; }
h6 { font-size: @baseFontSize * 0.85; } // ~12px

ブートストラップのユーザーは、必要に応じて、カスタムビルドでベースフォントサイズを自由にカスタマイズできます。見出しのフォントサイズは自動的に比例して変化します。それがポイントです。

于 2013-04-29T00:22:01.713 に答える