테스트 사이트 - 개발 중인 베타 버전입니다

jquery로 미디어 쿼리를 설정 할 수 있나요? 채택완료

김우너석 9년 전 조회 10,506

회사 개발자 분과 이야기 하다가 미디어쿼리가 너무 길어지고 하위브라우저 호환성 문제, 그리고 이런 저런 조건이 자꾸 생겨야 하는 문제가 발생해서...

 

저에게 하시는 말씀이 제이쿼리(1.x)로 미디어쿼리를 대신하면 깔끔하게 하위브라우저에도 문제 없이 나오게 할 수 있다고 하시는데...

 

혹시 그런 샘플코드 아시는 분들 계신지. 

 

$(window).resize(function(){     

       if ($('header').width() == 320 ){

              // is mobile device

       }

});

뭐 이런 식인가여?

 

아시면 저에게도 좀 뿌려주심이 ㅎㅎㅎ

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
인덱스웹

http://tkdev.tistory.com/28">http://tkdev.tistory.com/28

 

이곳을 참고하여 구현 하시면 될듯 합니다. ^^

 

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

김우너석
9년 전
정말 감사합니다.^^

댓글을 작성하려면 로그인이 필요합니다.

width 값에따라 class 를 추가하는 방식이 좋아요 ~

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인