通过js动态改变字体大小(通过相对单位rem可以做到只修改根元素字体大小就成比例地调整页面所有字体大小)

function setRem() {
    var ui_w = 375;
    var client_w = document.documentElement.clientWidth || document.body.clientWidth;
    var html = document.getElementsByTagName('html')[0];
    html.style.fontSize = (client_w / ui_w) * 10 + 'px'
}
setRem();
var timer;
window.onresize = function () {
    clearTimeout(timer);
    timer = setTimeout(function () {
        setRem();
    }, 100)
}

下面使用jquery,记得html页面引入jquery的js

$(function(){
    function setRem(){
        var clientWidth=$(window).width();
        var nowRem=(clientWidth/375*10);
        $("html").css("font-size",parseInt(nowRem, 10)+"px");
    };
    setRem();

    $(function(){
        var timer;
        $(window).bind("resize",function(){
            clearTimeout(timer)
            timer=setTimeout(function(){
                setRem();
            }, 100)
        })
    });
});

你可能感兴趣的:(javascript,前端,开发语言)