[javaScript] 자바스크립트 반응형 event 조건문

// responsive event
let mql = window.matchMedia("screen and (max-width: 768px)");

if (mql.matches) {
 console.log('모바일');
} else {
 console.log('데스크탑');
}



// resize event
let mql = window.matchMedia("screen and (max-width: 768px)");

mql.addListener(function(e) {
 if(e.matches) {
  console.log('모바일');
 } else {
  console.log('데스크탑');
 }
});

 

 

*참고

https://offbyone.tistory.com/122