js判断屏幕分辨率 自适应

    function switchClass(){

            if($(window).width()<1200){
                $('.middle').removeClass('page_xs ').removeClass('page_sm').addClass('page_lg');

            }else if($(window).height()<272){
                $('.middle').removeClass('page_lg').removeClass('page_sm').addClass('page_sm');
            }else{
                $('.middle').removeClass('page_xs').removeClass('page_lg').addClass('page_xs');
                $('.page_right').css('left',($(window).width()-960)/2+500);
            }

    }
    怎么不起作用你呢

目测第一行多了一个空格。
你可以用IE F12调试下，看看css应用上去了没有。

css没有应用，是js的原因吗

看看你的div有没有你定义的伪类，比如.middle之类的。

还有js有没有被执行，下一个断点或者加上alert看看

定义了，我想用js判断不用的屏幕，使用不同的样式，你能帮我写一个吗，我不太懂js

像
$('.middle').removeClass('page_lg').removeClass('page_sm').addClass('page_sm');
没有写错吧，remove了page_sm，又添加了page_sm，我看下面一行也是。

另外，你屏幕走的是哪个分支

你咋么调用这个函数的？使用了jquery，检查jquery路径对了没有