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

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

我现在使用的是自举模式。 就像h5是14px，我需要12px，h1是36px，我需要34px，以此类推

我有两个选择

为所有元素重写自定义css。它需要一个巨大的改变

使用jQuery。我需要遍历DOM的所有元素。在那里找到 字体大小，减少2倍。这将减慢页面加载时间

---

有更好的方法吗？

您可以做的是，您可以在中为

正文设置基本字体大小

也就是说，你必须为你的身体设置一个
font size
属性，如下所示：

body {
    font-size: 10px;
}

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

1rem
=
10px

因此，您需要将所有元素的
字体大小设置为
rem

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

因此，单位成为相对的*

如果你想走JS的路，你可以使用像这样的插件或者其他的选择。
在更少的时间里你可以做到，但是我不相信你能做到。在jQuery中，您可以选择所有元素，在css属性上过滤，然后将字体大小设置为-2px@NielsVermeiren，我已经给出了这个选项。要做到这一点，我需要遍历所有DOM元素，这是不好的。您的第一个是一个简单的解决方案。按主体划分的目标h1、h2、h3等。。给他们！重要的特殊性如果你想覆盖ie如果你正在使用sass body{h1{font size:34px；}}只是一个想法：1）多行选择字体大小，只选择数字并添加-2和复制2）粘贴在excel中并做数学运算3）粘贴回或类似的东西