# 033 - Interogări media în JavaScript - CSS-Tricks

Anonim

Pe măsură ce făceam desktop pe site, am mutat navigarea pe pagina principală în partea dreaptă a paginii pentru a deschide o gaură în partea stângă pentru mai mult conținut. Am dori să adăugăm acest conținut numai atunci când ecranul este suficient de mare. Nu doar încărcați-l tot timpul și ascundeți-l pe mobil. Nu ar fi foarte mobil, mai întâi, nu-i așa?

În esență, trebuie să testăm lățimea ferestrelor, apoi dacă este suficient de largă, ajax în un anumit conținut. Cum să aflăm lățimea ferestrelor? Ne uităm la o grămadă de moduri. O măsurăm direct în sus. Folosim matchMedia () pentru a testa o interogare media. Ajungem să folosim o mică bibliotecă numită Enquire.js pentru a ne oferi funcții de apelare interogare media.