# 033 - Consultas de mídia em JavaScript - CSS-Tricks

Anonim

Enquanto estávamos fazendo o desktop do site, mudamos a navegação da página inicial para o lado direito da página para abrir um buraco no lado esquerdo para mais conteúdo. Gostaríamos de adicionar este conteúdo apenas quando a tela for grande o suficiente. Não basta carregar o tempo todo e ocultá-lo no celular. Isso não seria um pensamento muito móvel, seria?

Essencialmente, precisamos testar a largura da janela, então se for grande o suficiente, ajax em algum conteúdo. Como descobrimos a largura das janelas? Nós olhamos para um monte de maneiras. Nós medimos diretamente. Usamos matchMedia () para testar uma consulta de mídia. Acabamos usando uma pequena biblioteca chamada Enquire.js para nos fornecer funções de retorno de chamada de consulta de mídia.