CSS/JS：通过 API 获取浏览器默认字体大小，而不是

Question

我有一个角度分量将用于两个不同的应用程序。 在一个应用程序中，html 字体大小为 100%（默认为 16px，但会随浏览器默认字体大小而变化 - 所以基本上无论用户选择什么）。

在另一个应用程序中，html 字体大小将设置为 16px。我无法改变这一点。 因此，在我的组件中使用“rem”将不会响应两个应用程序的用户字体设置。

有没有办法通过任何 JS API 或 CSS 属性来访问浏览器的默认字体大小？

这将是一个解决方案，但它可能会导致布局跳跃。所以我不太喜欢这个解决方案。

const getDefaultFontSize = () => {
const html = document.querySelector('html');

const initialFontSize = window
    .getComputedStyle(html)
    .getPropertyValue('font-size');

html.style.fontSize = 'unset';

const fontSizeMatch = window
    .getComputedStyle(html)
    .getPropertyValue('font-size')
    .match(/\d+/);

html.style.fontSize = initialFontSize;

if (!fontSizeMatch || fontSizeMatch.length < 1) {
    return null;
}

const result = Number(fontSizeMatch[0]);
return !isNaN(result) ? result : null;

};