您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站
问答- 问题:根据屏幕大小切换CSS类

根据屏幕大小切换CSS类

根据屏幕大小切换CSS类

另一种方法是将调整大小事件附加一些“切换代码”。

HTML

<div id="body" class="limit400">
    <h1>Hey :D</h1>
</div>
@H_419_6@

CSS

.limit400 h1 { font-size:10px; }
.limit1200 h1 { font-size:50px; }
@H_419_6@

JS

$(window).on('resize', function() {
    if($(window).height() > 400) {
        $('#body').addClass('limit1200');
        $('#body').removeClass('limit400');
    }else{
        $('#body').addClass('limit400');
        $('#body').removeClass('limit1200');
    }
})
@H_419_6@

希望能帮助到你。

CSS 2022/1/1 18:17:53 有472人围观

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进，让解决方法与时俱进

请先登录

推荐问题

联系我

联系我

602392714

清零编程清零编程群

置顶