remjs 响应式使用rem写法自动计算

曹え 5811 发布于:2022-09-02 06:49:10

var zoom = window.devicePixelRatio || window.screen.deviceXDPI / window.screen.logicalXDPI;
console.log(zoom);
fontSize();
$(window).resize(function() {
    fontSize();
});
 
function fontSize() {
    var size;
    var winW = window.innerWidth;
    if (winW <= 1800 && winW > 800) {
        size = Math.round(winW / 18);
    } else if (winW <= 800) {
        size = Math.round(winW / 7.5);
        if (size > 65) {
            size = 65;
        }
    } else {
        size = 100;
    }
    if (zoom == 1.25) {
        $('html').css({
            'font-size': size / 1.2 + 'px'
        })
    } else if (zoom == 1.5) {
        $('html').css({
            'font-size': size / 1.4 + 'px'
        })
    } else {
        $('html').css({
            'font-size': size + 'px'
        })
    }
    if (zoom == 1.25) {
        $('html').addClass('zoom125')
    } else if (zoom == 1.5) {
        $('html').addClass('zoom150')
    }
 
}


觉得有用请点个赞吧!
0 512