matchMedia()
Обновлено: 15.03.2023
Визначення та використання
Метод matchMedia()повертає MediaQueryList із результатами запиту.
Приклад
Ширина екрана/окна перегляду перевищує 700 пікселів:
if (window.matchMedia("(max-width: 700px)").matches) {
// Viewport is less or equal to 700 pixels wide
} else {
// Viewport is greater than 700 pixels wide
}Медіа запити
Медіа-запити методу matchMedia()можуть бути будь-якими медіа-функціями правила CSS @media , наприклад min-height, min-width, orientation тощо.
Синтаксис
window.matchMedia(mediaQuery)
Параметри
| Параметр | Опис |
| mediaQuery | Вимагається. Рядок, що представляє медіа-запит. |
Повернене значення
| Тип | опис |
| Об'єкт | Об’єкт MediaQueryList із результатами медіа-запиту. |