根据屏幕大小切换CSS类

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

HTML

<div id="body" >    <h1>Hey :D</h1></div>

CSS

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

JS

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

希望能帮助到你。