반응형 창크기조절1 [jQuery] 브라우저 창 크기 조절에 따른 이벤트 반응형 웹을 개발하다 보면 브라우저 창 크기에 따라 이벤트를 발생해야 할 때가 있다 제이쿼리를 이용하여 이벤트 발생하는 코딩을 작성한다 예) 브라우저 크기가 768px을 넘어갈 때 브라우저에 있는 버튼을 숨김 처리한다 [Html] 버튼 html을 실행하면 아래와 같은 버튼이 보인다 HTML 삽입 미리보기할 수 없는 소스 ↑↑↑ 창 조절을 해보면 큰 창에서만 버튼이 보인다↑↑↑ [jQurey 코드] $(document).ready(function() { $(window).on('resize',function (){ // 브라우저 width값을 가져오기 var width_size = window.outerWidth; // 브라우저 width 크기가 768px 이하이면 버튼 숨기기 if (width_size 2022. 1. 18. 이전 1 다음 반응형