@media запросы на js

3k
Алексей,
@media запросы на js
@media запросы на js

Раньше на js проверял ширину экрана через window.innerWidth || screen.width, а оказывается есть аналог медиа запросов: window.matchMedia

Раньше на js проверял ширину экрана через window.innerWidth || screen.width, а оказывается есть аналог медиа запросов: window.matchMedia

Пример:

if (window.matchMedia("(min-width: 600px)").matches) {
	// code desktop
} else {
	// code mobile
}

Работает во всех браузерах.

Есть вопросы или нашли ошибку? Напишите комментарий (можно без регистрации), отвечать стараюсь быстро.

Опубликовано 17 марта 2022
js, разработчику
Поделиться
Похожие статьи
Загрузка и инициализация API Яндекс карт при скролле
API карт весит много, js код тяжёлый. Загружать сразу - плохая идея. Если карта появляется по клику,...
Читать дальше » 0
Алексей,
js, как узнать кол-во блоков в ряду
Решение достаточно простое: берем ширину родителя и ширину блоков, делим одно на другое и получаем к...
Читать дальше » 0
Алексей,
Комментарии
❮…❯
Авторизуйтесь чтобы получать уведомления об ответе
Раньше на js проверял ширину экрана через window.innerWidth || screen.width, а оказывается есть аналог медиа запросов: window.matchMedia