为什么Bootstrap将默认字体大小设置为10px？

Question

3

我正在查看html元素的字体大小，它显示为10像素。并且它声称来自bootstrap（v3）。

在bootstrap.css中，确实可以看到以下内容：

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

据我所了解，Bootstrap 默认字体大小应为14像素。之所以问这个问题是因为我开始使用“rem”单位，但是由于基础字体大小小，导致所有内容都显得非常小。

我错过了什么吗？

- AngryHacker

1

在body上，字体大小为14px：https://github.com/twbs/bootstrap/blob/v3.3.7/dist/css/bootstrap.css#L1084 - undefined

1

我猜为了简化数学计算 - undefined

就像@TemaniAfif所说的那样，也许这只是为了更容易地将根字号转换为REM。REM是根字号的倍数，所以如果你想在某个元素上使用18px，你可以很容易地使用1.8rem，而不必进行例如14px * 1.2rem的计算，并通过计算找出正确的REM值。 - undefined

1

Bootstrap设置字体大小为静态值似乎是个愚蠢的事情。因为这样用户就无法根据浏览器设置来调整文本大小。而且，即使你将其覆盖为等于10px的REM，调整大小仍然比通常的浏览器设置要小得多（因为标准值是16px）。 - undefined

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- StefanBob · Accepted Answer

在Bootstrap 3.3.7版本中，存在以下样式：

html {
  font-size: 10px;
   ...
}

更改为：（或您想要的任何值）

html {
    font-size: 100%;
    ...
}