jQuery 반응형

많이 쓰이는 형태이나 중간에 pc형 창을 줄일 때는 적용되지 않는다.

$(window).resize(function(){ 
if (window.innerWidth > 480) {  // 다바이스 크기가 480이상일때 

/* 스크립트내용*/ 

} else {

/* 스크립트내용*/ 

}

}).resize(); 

변수값을 계속 계산하게 코드를 구성하면 중간에 사이즈 변화에 맞춰 적용된다.

하지만 콘솔로는 값은 계속 적용되지만 스크립트는 새로고침 하기전까지 바뀌지 않았습니다. 방법을 알게 된다면 추가하겠습니다.(220715)

var bw = $("body").width();
        $(window).resize(function(){
            bw = $("body").width();
            console.log(bw);
        });
if(bw >= 801) { //화면이 801보다 클 때.
}

모바일에서 스크롤시 새로고침(resize 메소드) 해결법