Question

jquery判断浏览器宽度小于指定值改变div样式

jquery如何实现当浏览器宽度小于1024时改变DIV样式，如<div class="w"></div>，当浏览器宽度小于1024时样式变为<div class="w1024"></div>，求指导麻烦写详细点谢谢了~

Answer 1

你好！！

$(function(){
     //获取浏览器宽度
     var _width = $(window).width(); 
     if(_width < 1024){
            //直接为该div添加w1024样式,会覆盖前一个样式
            $(".w").addClass("w1024");
            
            //修改该div的class属性值为w1024
            $(".w").attr("class","w1024");
            
            //移除该div原本的样式，并添加w1024这个样式
            $(".w").removeClass("w").addClass("w1024");
	 }
});

以上三种方式都可以将原来的w样式替换为w1024这个样式。

希望对你有帮助！！

Answer 2

screen.width()和screen.height()可以获取用户屏幕分辨率宽和高