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 浏览器中将其更改为"特大",则返回值将相应地更改。
参考: