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

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

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

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

代码语言：javascript复制

.element {
  font-size: medium;
}

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

代码语言：javascript复制

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

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

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

css document element size 浏览器

0 人点赞