これが可能かどうかはわかりません。Twitter Bootstrap の見出しサイズが大きすぎると思います。h1です36px。h2などです30px。
見出しのサイズを比率で縮小する方法はありますか? 代わりに、各見出しの 90% だけが必要だとします。各見出しのフォント サイズを 1 つずつ宣言したくありません。
ありがとう。
質問する
13423 次
3 に答える
7
このスレッドが 18 か月以上前のものであることは認識していますが、誰かが再びこれに遭遇した場合に備えて、Bootstrap の最新バージョン (v3.1.1) ではless/variables.less、次のようにすべての見出しのフォント サイズが に設定されています。
@font-size-h1: floor((@font-size-base * 2.6)); // ~36px
@font-size-h2: floor((@font-size-base * 2.15)); // ~30px
@font-size-h3: ceil((@font-size-base * 1.7)); // ~24px
@font-size-h4: ceil((@font-size-base * 1.25)); // ~18px
@font-size-h5: @font-size-base;
@font-size-h6: ceil((@font-size-base * 0.85)); // ~12px
したがって、これらのそれぞれの乗数を微調整して影響を与える場合にすぎません。
于 2014-03-25T13:31:20.657 に答える
5
これが LESS の変数を微調整することで可能になるといいのですが、そうではないと思います。
// Typography
// -------------------------
@sansFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif;
@serifFontFamily: Georgia, "Times New Roman", Times, serif;
@monoFontFamily: Monaco, Menlo, Consolas, "Courier New", monospace;
@baseFontSize: 14px;
@baseFontFamily: @sansFontFamily;
@baseLineHeight: 20px;
@altFontFamily: @serifFontFamily;
@headingsFontFamily: inherit; // empty to use BS default, @baseFontFamily
@headingsFontWeight: bold; // instead of browser default, bold
@headingsColor: inherit; // empty to use BS default, @textColor
したがって、 を変更することですべてのテキストを拡大縮小できますが@baseFontSize、残念ながら個別の はありません@baseHeaderFontSize。ただし、いつでもプロジェクトをフォークできます。
編集 2: @merv が指摘するように、ヘッダーのサイズは@baseFontSize 2.1.2に基づく必要があります。
元の編集:実際には、見出しのサイズがとにかくハードコードされているように見えます: type.less :
h1 { font-size: 36px; line-height: 40px; }
h2 { font-size: 30px; line-height: 40px; }
h3 { font-size: 24px; line-height: 40px; }
h4 { font-size: 18px; line-height: 20px; }
h5 { font-size: 14px; line-height: 20px; }
h6 { font-size: 12px; line-height: 20px; }
于 2012-09-17T18:11:19.383 に答える
0
にクラスをbody与え、このCSSを与えます：
body.myClass h1,
body.myClass h2,
body.myClass h3,
body.myClass h4,
body.myClass h5,
body.myClass h6 {font-size: 0.9em;}
これにより、元のサイズの90％が得られます。として与えることもできます90%。:)
于 2012-09-17T18:03:21.057 に答える