js适配文件

适配文件

// 单独设置jsrem适配文件
// 根标签文字大小 =  当前设备宽度 / 基数
function setFontSize() {
    // 确定基数
    let i = 80;
    // 获取设备 
    let html_client = document.documentElement;
    // 设备宽度
    let html_width = html_client.offsetWidth;
    // 设备宽度不能无限的大不能无限小 (1024 - 1920)
    if (html_width >= 1920) {
        html_width = 1920;
    } else if (html_width <= 1024) {
        html_width = 1024;
    }
    // 设置根标签文字大小
    html_client.style.fontSize = html_width / i + 'px';
}
// 调用函数
setFontSize();
// 当窗口大小发生改变的时候
window.onresize = function () {
    setFontSize();
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24