移动端 js 控制字体动态+滚动替换图片的js

function setRem() {
    var ui_w = 400;
    // 获取屏幕的宽度
    var clientWidth = document.documentElement.clientWidth || document.body.clientWidth;
    console.log(ui_w, clientWidth);

    // 通过js动态改变html根节点字体大小
    var html_ = document.getElementsByTagName('html')[0];
    html_.style.fontSize = (clientWidth / ui_w) * 100 + 'px';
}
// window.onresize 浏览器被重置大小执行事件
window.onresize = setRem;

 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

function setRem() {

    var ui_w = 375;

    // 获取屏幕的宽度

    var clientWidth = document.documentElement.clientWidth || document.body.clientWidth;

    console.log(ui_w, clientWidth);

    // 通过js动态改变html根节点字体大小

    var html_ = document.getElementsByTagName('html')[