Większość ekranów komputerów stacjonarnych i laptopów ma obecnie szerokość większą niż wysokość. Ekran jest „szeroki”, a nie „wysoki”. Inteligentne telefony zrobiły coś fajnego, umożliwiając orientację telefonu, aby wpłynąć na sposób prezentacji treści.

Chciałbym to zrobić za pomocą zapytań o media, tak że jeśli ktoś na komputerze Mac z dużym monitorem ma rozmiar okna przeglądarki tak, aby był bardzo „wysoki” (wysokość jest większa niż szerokość), zobaczyłby nagłówek i stopkę. Ale jeśli poszłyby w trybie pełnoekranowym lub „szerokim” (szerokość jest większa niż wysokość), zobaczyliby pasek boczny po lewej stronie, a może także prawy.

Próbuję w pełni wykorzystać szerokie ekrany i orientacje i tym podobne. Jak to zrobić z zapytaniami o media lub javascript?