window-js判断屏幕分辨率 自适应

作者:用户 来源:互联网 浏览:406 次 时间:2016-04-18 12:01:12

window屏幕分辨率

window-js判断屏幕分辨率 自适应 - 摘要: js判断屏幕分辨率自适应functionswitchClass(){if($(window).width()<1200){$('.middle').removeClass('page_xs').

问题描述

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路径对了没有

【云栖快讯】诚邀你用自己的技术能力来用心回答每一个问题,通过回答传承技术知识、经验、心得,问答专家期待你加入!  详情请点击
云栖社区(yq.aliyun.com)为您免费提供window-js判断屏幕分辨率 自适应相关信息,包括 window 屏幕分辨率 的信息 ,所有window-js判断屏幕分辨率 自适应相关内容均不代表云栖社区的意见! 该页面h5页面的地址是:https://m.aliyun.com/yunqi/wenzhang/show_64963,您可以点击window-js判断屏幕分辨率 自适应-手机站访问。
弹性可伸缩的计算服务,助您降低 IT 成本,提升运维效率

40+云计算产品,6个月免费体验

现在注册,免费体验40+云产品,及域名优惠!

云服务器9.9元/月,大学必备

热点导航