我在我的元素中使用 Bootstrap 4。我也开始使用 rem 作为长度单位。我设置了 rem = 10px，只是为了可以轻松地将 px 转换为 rem，我相信这是标准做法。但这样做会使所有 Bootstrap 默认值无法使用(即太小)。发生这种情况是因为 Bootstrap 已开始使用 rem 代替 px。
因此，如果我设置了 rem = 10px，我最终会手动设置每个元素的样式，甚至是按钮，因为所有元素都变得太小。
举个例子:
对于 .lead，font-size 为 1.25rem = 12.5px。文字太小。
我只是想知道在元素中使用 Bootstrap 的开发人员，他们使用 rem 还是 px 作为长度单位。如果是 rem，是 10px 还是 16px？
编辑:添加图片以使其更清晰
我希望这不是一个愚蠢的问题。
最佳答案
px由于 DPI 不同，因此不是跨设备的可靠单位。这就是 Bootstrap 使用 rem 的原因。这不是他们第一次尝试实现 rem作为通用间距单位，但由于传统浏览器缺乏支持，他们在过去放弃了。看来这些不再是问题......
使用 Bootstrap 3 font-size: 10px;上<html> ，以便设置 1rem = 10px .
Bootstrap 4 使用font-size: 16px;在移动设备上和 font-size:14px在更大或更高密度的设备上。
参见this discussion征求更多意见。
关于css - 使用带有 rem = 10px 的 bootstrap 的问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/51027871/