# 033 - Zapytania o media w JavaScript - CSS-Tricks

Anonim

Podczas przygotowywania witryny na komputery stacjonarne przenieśliśmy nawigację po stronie głównej do prawej części strony, aby otworzyć otwór po lewej stronie na więcej treści. Chcielibyśmy dodać tę zawartość tylko wtedy, gdy ekran jest wystarczająco duży. Nie tylko ładuj go cały czas i ukrywaj na telefonie komórkowym. To nie byłoby bardzo mobilne myślenie, prawda?

Zasadniczo musimy przetestować szerokość okna, a następnie, jeśli jest wystarczająco szeroka, w niektórych treściach ajax. Jak sprawdzić szerokość okien? Patrzymy na wiele sposobów. Mierzymy to prosto. Używamy matchMedia () do testowania zapytania o media. W końcu używamy małej biblioteki o nazwie Enquire.js, która udostępnia nam funkcje zwrotne zapytań o media.