【技巧】当屏幕宽度更换时变换调用css

最新推荐文章于 2022-07-20 19:38:12 发布

邹大叔

最新推荐文章于 2022-07-20 19:38:12 发布

阅读量775

点赞数

分类专栏： CSS HTML 文章标签： html css

本文链接：https://blog.csdn.net/zuncle/article/details/72846588

版权

CSS 同时被 2 个专栏收录

22 篇文章 4 订阅

订阅专栏

HTML

9 篇文章 0 订阅

订阅专栏

HTML代码如下：

<div class="abc"></div>

JS代码如下：

<script>
    $(function(){
        $(window).resize(function() {
            var ww = $(window).width();
            if( ww > 1000 ){
                $('abc').removeClass('b1').addClass('a1');
            } else if( ww > 600 && ww < 1000 ){
                $('abc').addClass('a1').removeClass('b1')
            }
         });
    })
</script>