jQuery如何根据浏览器大小添加不同的样式

小编给大家分享一下jQuery如何根据浏览器大小添加不同的样式，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！

根据浏览器大小添加不同的样式

<script type="text/javascript">
$(document).ready(function(){
    function checkWindowSize(){
        if($(window).width()>1200){
            $('body').addClass('large');
        }else{
            $('body').removeClass('large');
       }
   }
    $(window).resize(checkWindowSize);
});
</script>

看完了这篇文章，相信你对“jQuery如何根据浏览器大小添加不同的样式”有了一定的了解，如果想了解更多相关知识，欢迎关注编程网行业资讯频道，感谢各位的阅读！