Modernizr.mq в ванильном JS

Question

Modernizr.mq в ванильном JS

1

Я пытаюсь избавиться от Modernizr в моем проекте, но я не могу понять или найти замену для функции.mq. Может ли кто-нибудь объяснить или предоставить голые решения моей проблемы?

Ruxandra Anghel 18 авг. 2017, в 14:54

Источник

Теги:

javascript

dependencies

modernizr

2 ответа

0

Modernizr - это с открытым исходным кодом - вы можете точно видеть, что он здесь делает.

В современных браузерах почти всегда будет только window.matchMedia

Patrick 18 авг. 2017, в 11:10

Ещё вопросы

T.J. Crowder · Accepted Answer · 2017-08-18T09-59-00.000Z

Согласно документам Modernizr, mq проверяет, соответствует ли текущая страница текущему медиа-запросу, например, if (Modernizr.mq('(min-width: 900px)')) чтобы проверить, имеет ли окно ширину не менее 900 пикселей.

На неопределенно современных браузерах (IE10+, подробности здесь), вы можете использовать window.matchMedia для этого. Пример с этой страницы:

if (window.matchMedia("(min-width: 400px)").matches) {
  /* the viewport is at least 400 pixels wide */
} else {
  /* the viewport is less than 400 pixels wide */
}