제이쿼리 브라우저 리사이즈

이민기·2022년 4월 28일
0

제이쿼리 window resize

미디어 쿼리를 하다보면 느끼는건데 JS로는 반응형 제작이 어려울까 생각 하던도중 window resize 기능을 사용하면 될것 같은 생각이 든다.

$(window).resize(function () {
            if ($(window).width() < 768) {
                $('.serch_input').css('display', 'none');
            }
            else{ $('.serch_input').css('display', 'block'); }
        });

코드를 보자면, resize 함수에서 브라우저 해상도가 768 이하라면 serch_input 클래스의 display를 none 하는걸 알수 있다.

그게 아니라면 block 이다. 미디어쿼리로 하면 훨씬 간다하지만 뭐랄까....
가끔 쓸때가 있지 않을까 하는 생각이 든다 ㅋㅋ

profile
지나가는사람

0개의 댓글