크롬80버전 결제 이슈, 영카트5 주요패치 확인!

제이쿼리로 브라우저 사이즈 체크 > 실행 (반응형) > 그누보드5 팁자료실

컨텐츠몰 10% 할인
그누보드5
영카트5
매뉴얼
Q & A
제작의뢰
컨텐츠몰
부가서비스
소모임
커뮤니티

그누보드5 팁자료실

제이쿼리로 브라우저 사이즈 체크 > 실행 (반응형) 정보

제이쿼리로 브라우저 사이즈 체크 > 실행 (반응형)

본문

CSS의 @media 방식이아닌 제이쿼리로 브라우저 사이즈를

체크하는 방법 입니다.

 

반응형 작업시 브라우저의 가로크기에 따라 다른 스크립트를 써야한다거나

CSS로 컨트롤하기 어려운(?) 상황일때 유용한것 같습니다.

 

<script>
function mediaq(){
var windowWidth = $( window ).width();
    if(windowWidth < 768) {
        //브라우저의 가로 사이즈가 768px 보다 작을때 실행될 내용
    } else {
        //브라우저의 가로 사이즈가 768px 보다 클때 실행될 내용
    }
}
 
//mediaq를 setResponsive에 담는다.
function setResponsive() {
    mediaq();
}
//브라우저가 로드될때 실행
$(window).on('load', function () {
    setResponsive();
});
//브라우저가 리사이즈될때 실행
$(window).on('resize', function () {
    setResponsive();
});
</script>
추천10

댓글 전체

전체 26 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

진행중 포인트경매

  1. 참여0 회 시작20.05.27 19:24 종료20.06.01 19:24

(주)에스아이알소프트 (06253) 서울특별시 강남구 도곡로1길 14, 6층 624호 (역삼동, 삼일프라자) 대표메일:admin@sir.kr
사업자등록번호:217-81-36347 대표:홍석명 통신판매업신고번호:2014-서울강남-02098호 개인정보보호책임자:이총

© SIRSOFT