如何减小 DOM 的所有元素的字体大小？

【问题标题】：How to reduce font size of all element of DOM?如何减小 DOM 的所有元素的字体大小？
【发布时间】：2017-02-07 17:07:34
【问题描述】：

是否可以将 DOM 的所有元素的大小减小特定值？

我现在使用引导样式。就像 h5 是 14px，我需要 12px，h1 是 36px，我需要 34px，依此类推。

我有两种选择

有没有更好的办法？

【问题讨论】：

在 LESS 中你可以做到，否则我不相信你能做到。在 jQuery 中，如果您选择所有元素，在 css 属性上对其进行过滤，然后将 font-size 设置为 -2px，则可以这样做；
@NielsVermeiren，我已经给出了该选项。为此，我需要遍历所有 DOM 元素，这并不好。
您的第一个是一个简单的解决方案。通过 body 定位 h1,h2,h3 等 .. 给他们 !important specificity if want to override ie if you are using sass body { h1{ font-size: 34px; } }
只是一个想法：1) 多行选择字体大小，仅选择数字并添加 - 2 并复制 2) 粘贴到 excel 中并进行数学运算 3) 粘贴回 OOrrr 类似的东西

【解决方案1】：

您可以做的是，您可以在 rems 中为您的body 设置基本字体大小。

意思是，你必须像这样为你的身体设置一个font-size 属性：

body {
    font-size: 10px;
}

在此之后，rem 单位变为等于您的基本字体大小：

1rem = 10px

因此，您需要将所有元素的font-size 设置为rem。

当您想缩小或放大所有内容时，只需更改 body font-size 属性，它就会相应地缩放其他所有内容。

因此，单位变得相对。*

如果你想采用 JS 方式，可以使用 FitText 之类的插件或其他替代方法。

【讨论】：