【前端】动态改变网页字体大小

var c = () => {
    let w = document.documentElement.clientWidth;
    let n = (20*(w/320)>40?40+'px':(20*(w/320)+"px"));
    document.documentElement.style.fontSize=n;
}
window.addEventListener("load", c);
window.addEventListener("resize", c);

首先获取设备的宽度。以20号字体大小为基准，320设备宽度为基准，进行一个比例计算。基准值可以依据自身要求或者项目需求定义。

监听页面加载和窗口大小改变。