MediaQueryList: свойство matches

Чтение-только свойство matches интерфейса MediaQueryList — это булево значение, которое возвращает true , если текущее document соответствует списку медиа-запросов, или false в противном случае.

Вы можете получать уведомления о изменении значения matches , отслеживая событие change в MediaQueryList.

Булево значение, которое равно true , если текущее document соответствует списку медиа-запросов; в противном случае оно равно false.

В этом примере изменения ориентации области просмотра обнаруживаются путем создания медиа-запроса с использованием медиа-функции orientation:

const mql = window.matchMedia("(orientation:landscape)");
mql.addEventListener("change", (event) => {
  if (event.matches) {
    console.log("Now in landscape orientation");
  } else {
    console.log("Now in portrait orientation");
  }
});

• Медиа-запросы
• Использование медиа-запросов из кода
• window.matchMedia()
• MediaQueryList
• MediaQueryListEvent