Tenho um site, e estou trabalhando a responsividade nele. Tenho uma versão mobile, parecido com uma Web app, em um diretório especifico dentro do projeto. Atualmente quando a resolução da tela é menor que 768px, ele automaticamente redireciona para o site mobile. Até ai perfeito, más, quando reduzo a janela do browser ele não redireciona, a menos que eu atualize a pagina, pois o que redireciona é um script JQuery que verifica quando a pagina é carregada qual é a resolução.
O problema é que preciso verificar o tempo todo para que possa redirecionar quando a tela estiver menor e já renderizada. Pensei em colocar um media query para resoluções de no minimo 768 de largura, mas não encontrei como redirecionar a partir do proprio css, ou chamar algum script quanto essa query for ativada.
Também aceito como solução algum evento JQuery disparado quando a largura for
resize
dojquery
? Coloca a função dentro dele e sempre que houver uma mudança no tamanho da janela o evento será chamado.