matchMedia()

window.matchMedia() - повертає об'єкт MediaQueryList для роботи з медіа-запитом CSS.

Синтаксис:

mql = window.matchMedia( mediaQueryString );

Параметри:

mql - зміна яка отримує об'єкт MediaQueryList медіа-запиту mediaQueryString.

window - об'єкт window. Не обов'язково вказувати.

mediaQueryString - рядок з медіа запитом CSS.

Опис:

matchMedia() - метод об'єкту window який повертає об'єкт MediaQueryList для роботи з media queries вказаного медія-запиту mediaQueryString.

Media query - це компонент CSS, який використовується для переключення між стилями оформлення для різних розмірів екрану і щільноті пікселів екрану.

Не підтримують старі браузери.

Приклад:

if(window.matchMedia("screen and (min-width: 768px)").matches==true)
alert('ширина документу більша або рівна: 768px');
else alert('ширина документу менша 768px');