Переопределение JavaScript-определенных свойств с использованием медиа-запросов

Question

Я устанавливаю высоту и ширину DIV, вычисляя свойства window.height и window.width, а затем присваивая значения DIV. Теперь DIV соответствует всему окну просмотра браузера.

Теперь я хочу переопределить эти измерения, используя медиазапросы, когда пользователь изменяет размер окна. На меньшем экране я хочу установить высоту и ширину DIV меньшего размера, чем высота и ширина окна?

Возможно ли это? Могут ли значения высоты и ширины, заданные с помощью JavaScript, переопределяться медиа-запросами?

Answer 1

Пока вы сохраняете свои медиа-запросы довольно простыми, вы можете делать простой JavaScript-оператор if / else.

 if (screen.width < 480) {
     // Set some variables
 } else {
     // Set other variables
 }

Другой вариант, есть более новый window.matchMedia API .