Html 在断点处更改Bootstrap 3全局字体大小

我正在使用Bootstrap3，希望在每个断点处更改整个站点的字体大小，这样我就可以在一个位置更改字体大小，并将其级联到所有引导组件

我想要的基本字体大小是：

@media (max-width: @screen-xs-max) { // Base font size is 12px }
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { // Base font size is 13px }
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) { // Base font size is 14px }
@media (min-width: @screen-lg-min) { // Base font size is 16px }

然而，我看不出有什么办法可以做到这一点。似乎所有的字体大小值都是硬编码的。对于我来说，在每个断点手动重新定义每个组件的字体大小是唯一的方法吗

为了澄清，我正在寻找一种方法，在每个断点处指定不同的基本字体大小，以便所有组件都使用新的基本字体大小

---

否则怎么办？在每个断点处，我必须手动更改每个标题的字体大小，

p

，

cite

。

最好使用24px的标题字体大小；含量为14px；使其完全适合所有设备，并具有可读性目的。如果要减小每个断点处的字体大小。然后你必须利用媒体查询。或者用百分比表示字体

尝试通过媒体查询更改基本字体大小，并使用“em”而不是“px”定义站点的所有字体大小

继续这样做：

1） 基于断点定义全局字体大小（下面的代码用更少的语言编写）

2） 根据元素的父元素定义元素的字体大小。例如：

body div {
    font-size: 1em; // same size as parent

    p {
        font-size: 0.8em; // a little bit smaller
    }
}

body div {
    font-size: 1em; // same size as parent

    p {
        font-size: 0.8em; // a little bit smaller
    }
}