怎么设置字体大小js

// 获取元素
var element = document.getElementById('myElement');

// 设置字体大小
element.style.fontSize = '20px';

/* 在CSS文件中定义类 */
.big-font {
    font-size: 24px;
}

// 添加类名到元素
document.getElementById('element1').classList.add('big-font');
document.getElementById('element2').classList.add('big-font');

function setFontSizeBasedOnWindowWidth() {
    var width = window.innerWidth;
    var fontSize;

    if (width < 600) {
        fontSize = '16px';
    } else if (width < 1024) {
        fontSize = '20px';
    } else {
        fontSize = '24px';
    }

    // 应用到所有需要调整的元素
    var elements = document.querySelectorAll('.responsive-font');
    elements.forEach(function(element) {
        element.style.fontSize = fontSize;
    });
}

// 初始设置
setFontSizeBasedOnWindowWidth();

// 窗口大小改变时重新设置
window.addEventListener('resize', setFontSizeBasedOnWindowWidth);

/* 在CSS文件中定义变量 */
:root {
    --main-font-size: 16px;
}

body {
    font-size: var(--main-font-size);
}

// 修改CSS变量
document.documentElement.style.setProperty('--main-font-size', '20px');