随着页面宽度动态设置REM默认值

高级美工—码仔

已于 2022-01-25 18:11:07 修改

阅读量737

点赞数

于 2022-01-25 18:09:33 首次发布

本文链接：https://blog.csdn.net/humoooo/article/details/122690006

版权

javascript 同时被 2 个专栏收录

1 篇文章 0 订阅

订阅专栏

HTML

1 篇文章 0 订阅

订阅专栏

随着页面宽度动态设置REM默认值

$(document).ready(function () {
    if ($(window).width() <= 600) {
        $("html").css({
            fontSize: 12
        })
    } else if ($(window).width() > 600 && $(window).width() <= 900) {
        $("html").css({
            fontSize: 16
        })
    } else if ($(window).width() > 900 && $(window).width() <= 1200) {
        $("html").css({
            fontSize: 20
        })
    } else if ($(window).width() > 1200 && $(window).width() <= 1500) {
        $("html").css({
            fontSize: 24
        })
    } else if ($(window).width() > 1500) {
        $("html").css({
            fontSize: 28
        })
    }
    $(window).resize(function () {
        if ($(window).width() <= 600) {
            $("html").css({
                fontSize: 12
            })
        } else if ($(window).width() > 600 && $(window).width() <= 900) {
            $("html").css({
                fontSize: 16
            })
        } else if ($(window).width() > 900 && $(window).width() <= 1200) {
            $("html").css({
                fontSize: 20
            })
        } else if ($(window).width() > 1200 && $(window).width() <= 1500) {
            $("html").css({
                fontSize: 24
            })
        } else if ($(window).width() > 1500) {
            $("html").css({
                fontSize: 28
            })
        }
    });
});