제이쿼리에 미디어쿼리 사용하기

// 01
if(matchMedia("screen and (max-width:768px)").matches){}

// 02
if (window.matchMedia("(min-width: 400px)").matches) {
  /* 뷰포트 너비가 400 픽셀 이상 */
} else {
  /* 뷰포트 너비가 400 픽셀 미만 */
}

 

** matchMedia() 메서드 :  분석할 미디어 쿼리를 나타내는 문자열

** matches() 메서드 : 요소가 일치하는지 여부를 나타낸다.

 

 

*** 하지만, 사용결과 if($(window).width() >= 768) {}이 최고인것 같다 :)