16

ブラウザーのズームアウト (Ctrl--) を使用したときと同じ「コンパクト」な外観font-size、および一般的なスペースの使用が必要です。paddingもちろん、副作用なしで最も重要なのはコンテナ幅の縮小です。

Bootstrap のhttp://getbootstrap.com/2.3.2/customize.html@baseFontSizeダウンロード画面で変数と変数をいじってみましたが、結果として何かが欠けています:@baseLineHeight

  1. 見栄えが悪い - バランスの観点から、パディングが正しくありません。

  2. プロジェクターの画面が壊れる (恐ろしい!) - ボックスの選択、レイアウト、すべてがおかしくなる。

私を救ってください！

4

3 に答える 3

0

2つの提案があります。

まず、上記のリンクで Bootstrap 2.3.2 を使用していますか? Boostrap 3.0 (およびそれ以降) が持つ新しい足場を使用することで、問題をより簡単に解決できる場合があります。サイトをアップグレードするのはちょっと面倒ですが、自動コンバーターがあり、新しいシステムは操作がはるかに優れており、役立つ可能性があります.

第二に、検討すべきもう 1 つの CSS トリックは、font-weight と line-height です。Font-weight は、テキストを細く/太くすることができます (等級は 100、200、300、400 などです...)。フォントを細くし、行の高さを低くすることができますが、全体的なフォントを大きくすると、「コンパクト」になります。知らなかった場合は、試してみる価値があります。

  font-weight: 200;
  line-height: 30px;
于 2014-04-16T23:30:38.297 に答える