Sobrepor propriedades definidas por JavaScript usando consultas de mídia

Question

Eu defino a altura e a largura de um DIV calculando as propriedades window.height e window.width e, em seguida, atribuindo os valores ao DIV.Agora o DIV se ajusta a toda a janela de visualização do navegador.

Agora, desejo substituir essas dimensões usando consultas de mídia quando um usuário redimensiona a janela.Em uma tela menor, quero definir a altura e a largura do DIV para uma dimensão menor do que a altura e largura da janela?

Isso é possível?As alturas e larguras definidas usando JavaScript podem ser substituídas por consultas de mídia?

Answer 1

Contanto que você mantenha suas consultas de mídia bem simples, você pode fazer uma instrução if / else simples em javascript.

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

Outra opção, existe a mais recente API window.matchMedia .