如何使用CSS获取项目的当前字体大小

Question

我需要使用CSS（CurrenSize + px）计算字体大小。 例如：

body * {font-size: calc([CurrenSize] + 3px) !important;}

我在jQuery中执行此操作，但工作不顺利，所以我问是否可以在CSS中执行此操作。 在CSS中（此代码有效，但是100％使文本很小，这就是为什么我需要当前字体大小的原因）：

body * {font-size: calc(100% + 3px) !important;}

在js

 $("body *").css('font-size','+=3');

Answer 1

“当前”字体大小为1em……因此，您大概想要calc(1em + 3px)

（或者也许是1rem，具体取决于您是否希望对嵌套的子元素进行多次设置。）

Answer 2

我了解的是，您希望将整个页面上的所有字体大小增加3px。仅当您用em而不是px定义字体大小时，才可以在css中做到这一点。这样，字体对于父级来说是真实的，您可以轻松地对其进行扭曲。

因此，现在您可以选择更改我认为的所有字体大小值。 或者只是更改CSS以将变量用于字体大小 https://developer.mozilla.org/en-US/docs/Web/CSS/--*

Answer 3

如果您的元素不具有font-size属性，则您的jQuery代码可能无法正常工作。因为您的元素可以从父元素继承font-size属性。 试试这个：

let element = document.getElementById("element"));
let computedFontSize = window.getComputedStyle(element).fontSize;

现在，您可以执行以下操作：

element.style.fontSize = computedFontSize+=3;