Javascript 根据用户偏好，跨应用程序动态更改CSS字体大小

我需要根据用户输入的条目更改应用程序中的字体大小？我知道CSS变量，并在所有类中使用它，但跨浏览器的支持有限

例如，如果用户更喜欢14px，则所有控件和文本字体大小都应更改为14px

---

你能告诉我如何做到这一点吗？

在REM中使用字体大小。1 REM使用html的基本字体大小。请参阅此代码

var html=document.getElementsByTagName（'html'）[0]；
var input=document.getElementById（'font-size'）；
input.addEventListener（'input'，函数（e）{
html.style.fontSize=“”+e.target.value+“px”；
console.log（html.style.fontSize）
})

html{
字体大小：16px；
}
p{
字号：2rem；
}

Lorem ipsum door sit amet，Concertetur adipising elit。小白盲蝽。准eligendi产褥用软膏，即鼻孔和开窍用软膏？

如果动态地为正文指定字体大小，则可以实现此目的

函数setFont（）
{
var x=document.getElementById（“字体”）；
如果（！（x.value>0））
{
警报（“输入有效输入”）；
} 
其他的
{
document.getElementsByTagName（“正文”）[0]。style.fontSize=x.value+“px”；
}
}

示例段落

var a=document.getElementById（'text'）；
var inp=document.getElementById（'font-size'）；
var btn=document.getElementById（'btn'）
btn.addEventListener（'click'，function（）{
x=window.getComputedStyle（a，null）.getPropertyValue（'font-size'）；
currentsize=parseFloat（x）
a、 style.fontSize=（输入值）+“px”；
})

文本内容
设置

分享您迄今为止尝试过的内容。在分享您尝试过的内容时，请阅读“”和“”，然后阅读您的问题。使用

em

和

rem

作为字体大小。我认为不需要在应用程序中设置字体大小，浏览器有字体大小设置（如果使用

em

和

rem

），视力正常的用户也可以使用缩放。