Testar media query via JavaScript
103d atrás
O método matchMedia() dá a possibilidade de testar uma regra media query diretamente no #JavaScript.
O código abaixo verifica se o viewport tem o tamanho de até 768px:
const mediaQuery = matchMedia('(max-width: 768px)');
mediaQuery.matches; // true, se o tamanho do viewport for de até 768px, false, caso contrário
addEventListener
Você pode adicionar um listener para capturar eventuais mudanças:
mediaQuery.addEventListener('change', e => console.log(e));
Comentários (0)