Hauteur de la requête média CSS supérieure à la largeur et vice versa (ou comment imiter avec JavaScript)

La majorité de portables et de bureau écrans de nos jours, avoir une largeur supérieure à la hauteur. L'écran est "grand" non "de haut." Les téléphones intelligents ont fait quelque chose de plutôt cool, en permettant l'orientation du téléphone à influencer la manière dont le contenu est présenté.

J'aimerais le faire avec les media queries, de sorte que si quelqu'un sur un mac avec un moniteur de grande taille a la fenêtre de son navigateur de la taille de sorte qu'il est très "haut" (la hauteur est plus grande que la largeur), ils devraient voir un en-tête et pied de page. Mais si ils sont allés en plein écran ou "large" (la largeur est plus grande que la hauteur), il va voir une barre latérale sur la gauche et peut-être aussi le droit.

Je suis en train de tirer pleinement avantage des écrans larges, et des orientations. Comment faire avec les media queries ou javascript?

source d'informationauteur Costa