首页 文章

如何在bootstrap sass端口中定义字体大小?

提问于
浏览
0

我是twitter bootstrap sass端口的新手,并且有一些关于字体大小定义的问题 .

在_variables.scss中定义:

$font-size-base:          14px !default;
[...]
$font-size-h1:            floor(($font-size-base * 2.6)) !default; // ~36px
$font-size-h2:            floor(($font-size-base * 2.15)) !default; // ~30px
$font-size-h3:            ceil(($font-size-base * 1.7)) !default; // ~24px
$font-size-h4:            ceil(($font-size-base * 1.25)) !default; // ~18px

我想将基本字体大小更改为16px . 这是否意味着如果我想为我的h1保持~36px的字体大小,我必须将乘数(2.6)更改为其他值?从这些不同的定义乘数来自哪里或用其他词来说为什么使用乘数(2.6,2.15,1.7等) . 这是最佳做法吗?

对我来说,下一个不明确的定义是:

//** Unit-less `line-height` for use in components like buttons.
$line-height-base:        1.428571429 !default; // 20/14

20/14?我认为14是基本字体大小 . 但对于什么是20站立?

抱歉我的英文不好,谢谢你的帮助!

1 回答

  • 0

    如果将 $font-size-base 更改为16,则 $font-size-h1 现在将为41.6(或使用 floor 后为41) . 从评论看来,目标是为每个变量(6px)增加相等的量 . 对于 $line-height-base ,20/14是1.428571429,表示为分数 .

相关问题