主页关于链接归档灯泡

JS 获取浏览器默认字体大小

代码

说是 JS,其实也还是要配合 CSS 使用。


要获取浏览器默认字体大小,我们可以使用 CSS 的 font-size 属性。

将元素的字体大小设置为 medium 可以将其设为浏览器默认大小,通常为16 px。
以下是设置元素字体大小的 CSS 代码示例:

.element {
  font-size: medium;
}

一旦将元素字体大小设置为浏览器默认大小,就可以通过 JavaScript 来获取其实际值。
下面的代码演示了如何使用 JavaScript 获取浏览器默认字体大小:

const measureElement = document.querySelector('.element');
let fontSize = parseInt(getComputedStyle(measureElement).fontSize);

首先使用 document.querySelector() 方法选择具有类名为 .element 的元素。
然后,使用 getComputedStyle() 方法获取该元素的计算样式,即应用于该元素的实际样式。
最后,使用 parseInt() 方法将获取到的字体大小值转换为整数。

需要注意的是,如果浏览器默认字体大小被修改,例如在 Chromium 浏览器中将其更改为"特大",则返回值将相应地更改。

参考:

the end.